1、#e0e0e0 :表示给边框底部的一种颜色;
2、1px:表示边框底部的宽度;
3、solid这表示边框底部的样式;
4、border-bottom表示对边框的底部进行设置; border-bottom 属性是一种复合属性,用于设置对象的下边框的宽度、样式和颜色值。 所有未由 border-bottom 复合属性设置的单独边框属性都将设置为其默认值。例如,width 的默认值为 medium 。 如果未指定颜色,则使用文本颜色。
以下是web网页版边框样式设置的执行指令:
1.dotted: 这个值就是用来进行一个点线边框的定义的。
2.dashed: 这个值就是用来画一个虚线的边框的。
3.solid: 这个主要是用来做一个实线的边框的。
4.double: 这个参数主要用来定义一个双线的边框的,这种双线的边框适合表格。
5.groove:这个参数主要用来定义一个3D的边框的,有了这样的一个效果之后,网页上的边框更直观一些。6.边框宽度。有了边框的样式之后, 我们还可以定义一下边框宽度。
{
border-style:solid;
border-width:5px;
}
7.边框颜色。边框颜色也是一个重要的样式。我们同样可以通过CSS语句来实现这样的一个标准。
{
border-style:solid;
border-color:red;
}
8.边框不仅仅是统一的样式在一个图层当中,它还可以在各边展现不同的边框样式效果。
p
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}
9.边框的属性可以分别进行一一设置,也可以集中在一起用一个语句呈现出来。
<style>
p
{
border:5px solid red;
}
</style>
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档,在body标签中添加一个div标签,然后为这个div标签设置边框,这时默认情况下边框是直角:
2、为div标签设置“border-radius”属性,属性值为圆角半径大小,这时边框的四个顶角都会变成圆角:
3、为div标签设置“border-radius”属性,属性值分别对应边框的左上角、右上角、右下角和左下角,这时可以对每个顶角自定义设置圆角半径:
使用的是css的border属性作用到label标签上面。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有