CSS控制边界
padding(内边距也叫内填充)
padding-bottom 长度/百分比 元件下端边线的空隙
padding-left 长度/百分比
元件左端边线的空隙
padding-right 长度/百分比 元件右端边线的空隙
padding-top 长度/百分比
元件上端边线的空隙
简易写法:
padding:10px
一个值表示同时控制四个方向
padding:2px 4px 两个值表示第一个值控制上下
第二个值控制左右
padding:2px 6px 10px 三个值表示第一个值控制上 第二个值控制右和左
第三个值控制下 左边找右边
padding:1px 2px 3px 4px 四个值表示每个值单独控制上右下左
margin(外边界) 属性介绍
margin-bottom auto 自动调整空隙 长度/百分比
设置下端空隙
margin-left auto 自动调整空隙 长度/百分比 设置左端空隙
margin-right
auto 自动调整空隙 长度/百分比 设置右端空隙
margin-top auto 自动调整空隙 长度/百分比
设置上端空隙
简化方案:
margin:2px 4px
margin:2px 6px 10px
margin:1px
2px 3px 4px
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS中边界的使用</title> 6 <style type="text/css"> 7 div{ 8 width:900px; 9 height:400px; 10 background-color:#0F0; 11 margin:10px; 12 padding:10px; 13 } 14 body{ 15 margin:0px; 16 } 17 </style> 18 </head> 19 <body> 20 <div> 21 6、你不能当饭吃,但没有你,我吃不下饭。 22 7、要有多大的身躯,才能撑起您那龌龊的灵魂啊! 23 8、做男人的最高境界不是你去泡妞,而是让妞来泡你。 24 9、有心才会累,无心者无所谓。 25 10、本人鄙视那些,常用表情聊天的人。 26 11、考试考得好,全靠同桌好。 27 12、在学校是那钱混日子,现在是拿日子混钱! 28 13、一些人,总要出卖他所有的,去换取他所没有的。 29 14、自爱,必先自私,唯有自私,才能大爱。 30 15、吉尼斯纪录:全世界最大的茶几面积为960万平方千米,可放置13亿杯具。 31 16、分手多没意思,有本事咱俩玩离婚! 32 17、走人民币的路,让人民无路可走! 33 </div> 34 </body> 35 </html>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。