本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
(资料图)
html改变li标签的高度
1、使用height属性
height属性设置元素的固定高度。(注意: height属性不包括填充,边框,或页边距!)
默认li高度是由文本高度决定的
- li标签,默认高度
- li标签,设置高度为10px
- li标签,设置高度为50px
- li标签,设置高度为100px
2、使用min-height属性
min-height属性设置元素的最低高度。
默认li高度是由文本高度决定的
- li标签,默认高度
- li标签,设置最小高度为50px
没有内容时,或内容高度小于50时,li的高度显示在50px;
内容高度大于50时,li高度是由文本高度决定的
li标签,设置最小高度为50px
li标签,设置最小高度为50px
li标签,设置最小高度为50px
li标签,设置最小高度为50px
3、使用max-height属性
max-height 属性设置元素的最大高度。
默认li高度是由文本高度决定的
- li标签,默认高度
- li标签,设置最大高度为50px
li标签,设置最大高度为50px
li标签,设置最大高度为50px
li标签,设置最大高度为50px
推荐教程:《html视频教程》
以上就是css怎么改变li标签的高度的详细内容,更多请关注php中文网其它相关文章!