Linux 拨号vps windows公众号手机端

css border-bottom属性设置下边框样式

lewis 8年前 (2017-06-10) 阅读数 8 #程序编程
文章标签 css

要设置下边框样式,可以使用CSS的border-bottom属性。该属性用于指定元素的下边框样式、宽度和颜色。

下面是border-bottom属性的语法:

border-bottom: border-width border-style border-color;

border-width指定下边框的宽度,可以是具体的像素值,也可以使用预定义的关键字(thin、medium、thick)。

border-style指定下边框的样式,可以是以下值之一:

  • none:无边框
  • hidden:隐藏边框
  • dotted:点状边框
  • dashed:虚线边框
  • solid:实线边框
  • double:双线边框
  • groove:凹槽边框
  • ridge:脊状边框
  • inset:内嵌边框
  • outset:外嵌边框

border-color指定下边框的颜色,可以是具体的颜色值,也可以使用预定义的关键字(例如red、blue)。

下面是一个设置下边框样式的例子:

.border-example {
  border-bottom: 2px dashed #000000;
}

上述例子中,.border-example类的元素将具有2像素宽的虚线下边框,颜色为黑色。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门