1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
| <style type="text/css">
.div_content
{
//background-image: url(./imgs/div_background.png);
//width: 657px;
//height: 600px;
//margin: 10px 3px 10px 3px;
}
.div_content_top_left
{
background: transparent url(./imgs/div_background_top_left.png) no-repeat scroll top left;
width: 19px;
height: 27px;
float: left;
//margin: 0px 0px 0px 0px;
}
.div_content_top
{
background: transparent url(./imgs/div_background_top.png) repeat-x scroll top left;
width: 200px;
height: 27px;
float: left;
//margin: 0px 10px 0px 10px;
}
.div_content_top_right
{
background: transparent url(./imgs/div_background_top_right.png) no-repeat scroll top right;
width: 24px;
height: 27px;
float: left;
}
.div_content_bottom_left
{
background: transparent url(./imgs/div_background_bottom_left.png) no-repeat scroll bottom left;
width: 19px;
height: 27px;
float: right;
}
.div_content_bottom
{
background: transparent url(./imgs/div_background_bottom.png) repeat-x scroll bottom left;
width: 200px;
height: 27px;
float: left;
//margin: 0px 10px 0px 10px;
}
.div_content_bottom_right
{
background: transparent url(./imgs/div_background_bottom_right.png) no-repeat scroll bottom right;
width: 24px;
height: 27px;
float: left;
}
.div_content_left
{
background: transparent url(./imgs/div_background_left.png) repeat-y scroll top left;
//width: 19px;
//height: 28px;
//margin: 10px 0px 10px 0px;
}
.div_content_right
{
background: transparent url(./imgs/div_background_right.png) repeat-y scroll top right;
//width: 24px;
//height: 28px;
//margin: 10px 0px 10px 0px;
}
</style>
<body>
<div align="center">
<div id="div_content_top_left" class="div_content_top_left"></div>
<div id="div_content_top" class="div_content_top"></div>
<div id="div_content_top_right" class="div_content_top_right"></div>
<div id="div_content_left" class="div_content_left"></div>
<div id="div_content_right" class="div_content_right"></div>
<div id="div_content_bottom_left" class="div_content_bottom_left"></div>
<div id="div_content_bottom" class="div_content_bottom"></div>
<div id="div_content_bottom_right" class="div_content_bottom_right"></div>
<div id="div_content" class="div_content" align="center">
<p>texte 1</p>
<p>texte 2</p>
<p>texte 3</p>
<p>texte 4</p>
</div>
</div>
</body> |
