border-bottom的属性值包括三个,分别是:边框宽度(单位),边框样式(solid、dotted、dashed等)和边框颜色(十六进制代码或rgb颜色值)。 以下是一个简单的应用实例: 这是一段有底部边框的文字信息。 效果如下图所示: 二、border-bottom常用属性介绍 1. border-bottom-style border-bottom-style: none|hidden|dotted|...
border-bottom: 2px solid black;} 2.简写形式：border-bottom也可以使用简写形式，按顺序指定宽度、样式和颜色。/*简写形式：2像素宽度的实线底部边框，颜色为黑色*/ element { border-bottom: 2px solid black;} 3.使用不同样式的底部边框：/*底部边框分别为不同的样式，宽度为2像素，颜色为黑色*/ element ...
这就需要使用border-left,border-right,border-top,border-bottom这四个样式对边框的四个边进行单独设置以以下div为例，分别设置四条边的边框，为方便演示我们添加了一个宽高这四个方向的边框都不一样其结果输出如下 margin的使用 1 margin样式被用来设置元素...
ul{border-bottom:2px solid #6e442c; height:29px; width:400px; display: inline-block; } .on{ border-bottom:2px solid red; 上面把li的border-top设置为1px height设置为28 没有设置padding和下边框 那么只要把ul height设置为28+1 的时候 再把li的border设置为1px solid #fff; 时候刚好可以覆盖ul...
因为没有设置padding和border属性,所以图上没有显示数字,而是以-代替表示没有设置该属性,而margin的宽度是8px,所以橙色区域显示的是8。margin和padding本身还包含top、bottom、left、right四个属性,都是可以单独设置的,这里其实margin的这四个属性都是8px,点击margin处的那个下拉箭头可以看到:...
td { border-bottom-style: solid; border-width: 0.3cm; } .change { border-bottom-style: groove; } width 可用于 border-bottom-width 属性的任何宽度值范围。该属性的默认值为 medium 。该属性不会被继承。可能的值 一个变量，用于指定或接收下列值之一：medium 默认值。thick 大于默认宽度。thin 小于...
.clear_float{margin-bottom:20px;}.goods_cell{width:47%;box-sizing:border-box;padding:10px;float:left;box-shadow:006px0rgba(0,0,0,0.20);border-radius:10px;font-size:13px;color:#333333;margin-left:15px;margin-bottom:20px;}.clear_float>.goods_cell:nth-of-type(2n+1){margin-left:0;...
solid:实线边框 double:双线边框 groove:凹槽边框 ridge:脊状边框 inset:内嵌边框 outset:外嵌边框 border-color指定下边框的颜色,可以是具体的颜色值,也可以使用预定义的关键字(例如red、blue)。 下面是一个设置下边框样式的例子: .border-example { border-bottom: 2px dashed #000000; } 复制代码 上述例子中...
border-bottom: 20px solid; } (5)border-style:inset; border-style:inset; 内凹 border-style:outset; 外凹 border-style:groove; 沟槽 border-style:ridge; 山脊 这四个大家知道一下就行啦,几乎用不到它们,因为它们的兼容性很差,也不美观,so,想了解这种奇葩形状的可以自己去实验,别说认识我,哈哈哈。
Next, we'll look at a CSS border-bottom example where we provide the border-bottom-width, border-bottom-style, and border-bottom-color values. div { border-bottom: 2px solid black; } In this CSS border-bottom example, we have set the border-bottom-width to 2px, the border-bottom-sty...