在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代码：
有底边界。
无底边界。
点底边界。
虚线底边界。
实线底边界。
双线底边界。
凹槽底边界。
垄状底边界。
嵌入底边界。
外凸底边界。
css代码：
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;}
效果图：
p {border-style:solid;border-bottom:thick dotted;}p {border-style:solid;}p.none {border-bottom:none;}p.dotted {border-bottom:thick dotted #ff0000;}p.dashed {border-bottom:dashed #ff0000;}p.solid {border-bottom:solid #ff0000;}p.double {border-bottom:double #ff0000;}p.groove {border-bottom:groove #ff0000;}p.ridge {border-bottom:ridge #ff0000;}p.inset {border-bottom:inset #ff0000;}p.outset {border-bottom:outset #ff0000;}
效果图：
更多编程相关知识，请访问：编程视频！！
以上就是css怎么去掉border的底部的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1616936.html
微信扫一扫 
支付宝扫一扫 
