本文摘自PHP中文网,作者青灯夜游,侵删。
在css中,可以使用border-bottom或border-bottom-style属性,设置“border-bottom:none;”或“border-bottom-style:none;”样式来去掉border的底部边框。
本教程操作环境:Windows7系统、css3版本,该方法适用于所有品牌电脑。
推荐:《css视频教程》
border-bottom-style属性可以设置元素底部边框样式,当属性值设置为“none”时,可以指定无边框。
而border-bottom缩写属性设置一个声明中所有底部边框属性。包括:
border-bottom-width 指定底部边框宽度
border-bottom-style 指定底部边框样式
border-bottom-color 指定底部边框颜色
示例:去掉border的底部边框
HTML代码:
1 2 3 4 5 6 7 8 9 10 | < p >有底边界。</ p >
< p class = "none" >无底边界。</ p >
< p class = "dotted" >点底边界。</ p >
< p class = "dashed" >虚线底边界。</ p >
< p class = "solid" >实线底边界。</ p >
< p class = "double" >双线底边界。</ p >
< p class = "groove" >凹槽底边界。</ p >
< p class = "ridge" >垄状底边界。</ p >
< p class = "inset" >嵌入底边界。</ p >
< p class = "outset" >外凸底边界。</ p >
|
css代码:
1 2 3 4 5 6 7 8 9 10 | p { border-style : solid ;}
p. none { border-bottom-style : none ;}
p. dotted { border-bottom-style : dotted ;}
p. dashed { border-bottom-style : dashed ;}
p. solid { border-bottom-style : solid ;}
p. double { border-bottom-style : double ;}
p. groove { border-bottom-style : groove ;}
p. ridge { border-bottom-style : ridge ;}
p. inset { border-bottom-style : inset ;}
p. outset { border-bottom-style : outset ;}
|
效果图:
阅读剩余部分
相关阅读 >>
css内边框线怎么设置
css怎么隐藏div
css怎么设置字体居中?
css如何实现各种形状
css outline属性怎么用?
深入了解css3 border-sizing属性
css实现居中的几种方案(总结)
css有继承关系吗
如何删除内联或内联块元素之间的间隙
css怎么设置div的边框样式
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么去掉border的底部