今天就继续看了下浮点float属性,代码如下：
1 <html>
2 <head>
3 <title>CSS float属性</title>
4 <meta http-equiv = "content-type" content = "text/html; charset = utf-8">
5 <style type = "text/css">
6 /*
7 img{
8 float:right; 图片居右
9 border:1px dotted red; 设置边框
10 margin:0px 0px 15px 20px; 外填充设置
11 }
12 */
13 div{
14 float:right; /*图片居右*/
15 width:125px; /*宽125个像素*/
16 margin:0 0 15px 20px; /*CSS外边距属性*/
17 padding:15px; /*CSS内边距属性*/
18 border:1px solid black; /*给文本添加一个一像素厚的黑色边框*/
19 text-align:center; /*文本居中*/
20 }
21 </style>
22 </head>
23
24 <body>
25 <div>
26 <img src="Images/jd1.png" />
27 图片标题
28 </div>
29 <p>
30 This is some text. This is some text. This is some text.
31 This is some text. This is some text. This is some text.
32 This is some text. This is some text. This is some text.
33 </p>
34 <p>
35 This is some text. This is some text. This is some text.
36 This is some text. This is some text. This is some text.
37 This is some text. This is some text. This is some text.
38 This is some text. This is some text. This is some text.
39 This is some text. This is some text. This is some text.
40 This is some text. This is some text. This is some text.
41 This is some text. This is some text. This is some text.
42 This is some text. This is some text. This is some text.
43 This is some text. This is some text. This is some text.
44 This is some text. This is some text. This is some text.
45 </p>
46 </body>
47 </html>
效果如图：
时间： 2024-12-29 03:30:44