Heim > Web-Frontend > CSS-Tutorial > Hauptteil

css怎么去掉border的底部

青灯夜游
Freigeben: 2020-12-21 15:38:48
Original
4533 人浏览过

在css中,可以使用border-bottom或border-bottom-style属性,设置“border-bottom:none;”或“border-bottom-style:none;”样式来去掉border的底部边框。

css怎么去掉border的底部

本教程操作环境:Windows7系统、css3版本,该方法适用于所有品牌电脑。

推荐:《css视频教程

border-bottom-style属性可以设置元素底部边框样式,当属性值设置为“none”时,可以指定无边框。

而border-bottom缩写属性设置一个声明中所有底部边框属性。包括:

  • border-bottom-width    指定底部边框宽度    

  • border-bottom-style    指定底部边框样式    

  • border-bottom-color    指定底部边框颜色    

示例:去掉border的底部边框

HTML代码:

有底边界。

无底边界。

点底边界。

虚线底边界。

实线底边界。

双线底边界。

凹槽底边界。

垄状底边界。

嵌入底边界。

外凸底边界。

Nach dem Login kopieren

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;}
Nach dem Login kopieren

效果图:

1.png

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;}
Nach dem Login kopieren

效果图:

2.png

更多编程相关知识,请访问:编程视频!!

以上是css怎么去掉border的底部的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!