温馨提示×

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

css
小亿
105
2023-12-19 08:05:50
栏目: 编程语言

要设置下边框样式,可以使用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像素宽的虚线下边框,颜色为黑色。

0