CSS border-bottom属性实例讲解

发布时间：2025-12-09 11:49:57 浏览次数：1

CSS中的border-bottom属性用于将所有底部边框属性设置为一行。用于设置底部边框的宽度,样式和颜色。

用法:

border-bottom:border-width border-style border-color|initial|inherit;

border-bottom是设置以下属性值的简写。
属性值:

border-width:用于设置边框的宽度。
border-style:用于设置边框样式。其默认值为‘none’。
border-color:用于设置边框的颜色。
initial:此属性用于将border-bottom设置为其默认值。
继承:此属性继承自其父级。

例:

<!DOCTYPE html> <html>   <head>     <title>border-bottom property</title>       <!-- border-bottom CSS property -->    <style>         h1 {             border-bottom:5px solid green;         }                   h2 {             border-bottom:4px dotted black;         }     </style> </head>   <body style="text-align:center">       <h1>GeeksforGeeks</h1>     <h2>border-bottom property</h2> </body>   </html>

输出:

支持的浏览器:以下列出了border-bottom属性支持的浏览器:

谷歌浏览器1.0
Internet Explorer 4.0
Firefox 1.0
Opera 1.0
Safari 3.5

border-bottom

上一篇：Visual Assist X 番茄助手安装与汉化下一篇：mysql导入报错1153错误码

知识问答

CSS border-bottom属性实例讲解

综合百科

网站导航