.box{border-top:100pxsolid#FF0000;border-bottom:100pxsolid#EE7923;border-left:100pxsolid#4DA635;border-right:100pxsolid#669;height:0;width:0;font-size:0;line-height:0;overflow:hidden;} 结果:绘制出了4个三角形 总结:利用border制作出两个基础图形 下面我们就利用上面的基础知识和上面两个基础图形...
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 默认值:看每个独立属性 适用于:所有元素 继承性:无 动画性:看每个独立属性 计算值:看每个独立属性 相关属性:[ border-top ] || [ border-right ] || [ border-bottom ] || [ bord...
dotted:点线边框,显示为一系列点。 double:双线边框,显示为两条并排的实线。 groove:凹槽边框,显示为带有 3D 凹槽效果的边框。 ridge:凸起边框,显示为带有 3D 凸起效果的边框。 inset:内嵌边框,显示为带有 3D 内嵌效果的边框。 outset:外凸边框,显示为带有 3D 外凸效果的边框。 来看看代码。 <!DOCTYPEhtml> ...
solid:边框为实线 double:边框为双线 2、宽度 border-width:参数 3、颜色 border-color:参数
double 双线边框 groove 3D凹槽边框 ridge 3D垄状边框 inset 3D inset边框 outset 3D outset边框 边框也有四面,所以也会有上下左右 所以有时候为了更精确定位并修改样式可以使用: border-top-style 上边框样式 border-right-style 右边框样式 border-bottom-style 下边框样式 ...
border-bottom-style:dotted; border-left-style:solid; } 这个例子也可以只设置单一属性 border-style:dotted solid; border-style属性可以有1-4个值: border-style:dotted solid double dashed; 上边框是 dotted 右边框是 solid 底边框是 double 左边框是 dashed ...
div { border-bottom: none; } solidSingle, straight, solid line div { border-bottom: solid; } dottedSeries of dots div { border-bottom: dotted; } dashedSeries of short dashes div { border-bottom: dashed; } doubleTwo straight lines that total the pixel amount defined byborder-bottom-width...
.icon-menu{width:120px;height:20px;border-top:60px double;border-bottom:20px solid;} 菜单图标 border-color border-color也有默认值,它的默认颜色就是color色值,简单来说就是,在不设定border-color属性值的情况下,它会使用当前元素的color属性值作为边框颜色。
Specifies the style of the element's bottom border.Available border styles: border-bottom-style: dotted border-bottom-style: dashed border-bottom-style: solid border-bottom-style: double border-bottom-style: inset border-bottom-style: outset border-bottom-style: groove border-bottom-style: ridge...
Learn about the border-bottom-style CSS Property. View description, syntax, values, examples and browser support for the border-bottom-style CSS Property.