border

发表于 2020-02-12 更新于 2023-12-18 分类于计算机应用阅读次数：

border

边框属性：对块的边框进行设置。border属性值有：

属性值	描述
border-width	边框的宽度,默认值为“midium”,用宽度值表示，如：5px
border-style	边框线的样式。默认为“none”。 dotted:虚线 dashed:点划线 solid:实线 double:双线 groove:3D沟槽边框。效果取决于边框颜色值 ridge:3D脊状边框。效果取决于边框颜色值 inset:3D嵌入边框。效果取决于边框颜色值 outset:3D起始边框。效果取决于边框颜色值
border-color	边框线的颜色。默认为文本的颜色

可以一次设定四条边的三个属性值。如果四个边线不尽相同，则需要分别设置。border-left、border-right、border-top、border-bottom

举例：

1
2

<p style="width:80%;margin-left:5%;background-color:#def7f7;border-left:2px dotted #5f5f5f;border-top:2px dashed #5f5f5f;border-right:2px double #5f5f5f;border-bottom:25px groove #dd5044;">边框属性：对块的边框进行设置。border属性值有：border-style边框样式、border-width边框宽度、border-color边框颜色.border: 2px solid blue一次设定四个边三个属性值。根据需要可以分别设置，三个属性四个方位共12组。四个方向分别是：border-left、border-right、border-top、border-bottom。 边框样式中有些
</p>

边框属性：对块的边框进行设置。border属性值有：border-style边框样式、border-width边框宽度、border-color边框颜色.border: 2px solid blue一次设定四个边三个属性值。根据需要可以分别设置，三个属性四个方位共12组。四个方向分别是：border-left、border-right、border-top、border-bottom。边框样式中有些

border-radius

边框圆角属性：可以一次指定四个角的圆角值，如果需要可以分别指定。 1. border-top-left-radius 2. border-top-right-radius 3. border-bottom-left-radius 4. border-bottom-right-radius

Value	Description
length	Defines the shape of the corners. Default value is 0.
%	Defines the shape of the corners in %
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.

举例：

<p style="width:80%;margin-left:5%;background-color:#def7f7;border:1px solid #5f5f5f;border-radius:25px">
边框属性：border
style="border: 2px solid blue"可以一次设定。如果四个边线不尽相同，则需要分别设置。border-left、border-right、border-top、border-bottom
边框圆角属性：border-radius
可以一次指定四个角的圆角值，如果需要可以分别指定
</p>

边框属性：border style="border: 2px solid blue"可以一次设定。如果四个边线不尽相同，则需要分别设置。border-left、border-right、border-top、border-bottom 边框圆角属性：border-radius 可以一次指定四个角的圆角值，如果需要可以分别指定

<p style="width:80%;margin-left: 5%;background-color:#def7f7;border:1px solid #5f5f5f;border-top-left-radius: 25px;border-bottom-right-radius: 25px">
边框属性：border
style="border: 2px solid blue"可以一次设定。如果四个边线不尽相同，则需要分别设置。border-left、border-right、border-top、border-bottom
边框圆角属性：border-radius
可以一次指定四个角的圆角值，如果需要可以分别指定
</p>