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

avatar
作者
猴君
阅读量:2

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!