htmlli⾃动边距,css怎样让li间距增⼤?
CSS 能够对⽹页中元素位置的排版进⾏像素级精确控制,⽀持⼏乎所有的字体字号样式,拥有对⽹页对象和模型样式编辑的能⼒。
css可以使⽤margin简写属性设置li标签的外边距来使li间距增⼤,margin简写属性在⼀个声明中设置所有外边距属性。该属性可以有1到4个值。
li标签默认间距如下:
第⼀个li
第⼆个li
第三个li
效果如下:
css让li间距增⼤:
li{
width: 300px;
height: 30px;
margin: 20px 0;
}
第⼀个li
第⼆个li
第三个li
margin属性怎么用效果如下:
margin简写属性:
这个简写属性设置⼀个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,⽽⾏内元素实际上不占上下外边距。⾏内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使⽤时要⼩⼼。
注释:允许使⽤负值。
属性值:auto 浏览器计算外边距。
length 规定以具体单位计的外边距值,⽐如像素、厘⽶等。默认值是 0px。
% 规定基于⽗元素的宽度的百分⽐的外边距。
inherit 规定应该从⽗元素继承外边距。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论