首页 > 代码库 > HTML第九天学习笔记
HTML第九天学习笔记
今天就继续看了下浮点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>
效果如图：
HTML第九天学习笔记
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。