2. border-style（边框样式）边框样式定义了边框的外观。常见的边框样式有 solid（实线）、dotted（点线）、dashed（虚线）、double（双线）、groove（3D凹槽）、ridge（3D垄状）、inset（3D内嵌）、outset（3D外嵌）以及 none（无边框）和 hidden（隐藏边框）。例如：css复制代码 3. border-color（边框颜色）边框...
.transparent-border{ border-style: outset; border-width:5px; border-color: transparent;/* 透明边框 */ } 实线边框 虚线边框 点线边框 双线边框 凹槽边框 凸起边框 内嵌边框 外凸边框 透明边框 看看效果。 注意:如果没有设置border-
边框颜色(border-color)以及边框综合属性(border)等。 顶部边框样式属性: border-top-style: none | hidden| dotted | dashed | solid | double | groove | ridge | inset | outset 其中各个属性的含义如下所述: none:没有边框 hidden:隐藏边框 dotted: 边框为点线 dashed:边框为虚线 solid: 边框为实线 doub...
1. CSS 边框属性 1.1 边框样式 边框样式属性指定要显示什么样的边界。border-style属性用来定义边框的样式。 它拥有以下几个值: none: 默认无边框 dotted: 定义一个点线边框 dashed: 定义一个虚线边框 solid: 定义实线边框 double: 定义两个边框。 两个边框的宽度和 border-width 的值相同 groove: 定义3D沟槽边...
border-style:dotted solid double; 上边框是 dotted 左、右边框是 solid 底边框是 double border-style:dotted solid; 上、底边框是 dotted 右、左边框是 solid border-style:dotted; 四面边框是 dotted 上面的例子用了border-style。然而,它也可以和border-width 、 border-color一起使用。
(1)none (没有边框,无论边框宽度设为多大) (2)dotted (点线式边框) (3)dashed (破折线式边框) (4)solid (直线式边框) (5)double (双线式边框) (6)groove (槽线式边框) (7)ridge(脊线式边框) (8)inset (内嵌效果的边框) (9)outset (突起效果的边框)...
第一种写法:四个值,分别代表上边、右边、下边、左边的边框样式。从顶部开始,按照顺时针方向来设置值。比如 border-style: dotted solid double dashed,设置上边框为虚线、右边框为实线、下边框为双线、左边框为虚线。 第二种写法:三个值,分别代表上边、左右边、下边的边框样式。第一个值表示上边框的样式、第二个...
border-style属性可以有1-4个值: border-style:dotted solid double dashed; 上边框是 dotted 右边框是 solid 底边框是 double 左边框是 dashed border-style:dotted solid double; 上边框是 dotted 左、右边框是 solid 底边框是 double border-style:dotted solid; ...
此外，也可以自定义宽度，如：1pt、5px、2cm等。边框线的类型有九个确定值：none（无边框线）、 dotted（由点组成的虚线）、 dashed（由短线组成的虚线）、 solid（实线）、 double（双线，双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度）、 groove（3D沟槽状的边框）、 ridge（...
{border-style:solid dashed dotted;/* 上(实线),左右(虚线),下(点线) */}/*(样式属性三个值时)*/ .four {border-style:solid dashed double dotted;/* 上(实线),右(虚线),下(双实线),左(点线) */}/*(样式属性四个值时)*/ <!-- 一个值时 --> <!-- 二个值时 --> <!-- 三个...