css中border属性用来同时设置边框,border设置上下边框
边框样式
border style属性指定显示哪种边框。
border-style属性用于定义边框的样式。
border-style的价值代码演示：
！DOCTYPE html lang= en head meta charset= UTF-8 meta name= viewport content= width=device-width，Initial-scale=1.0 meta http-equiv= x-ua-compatible content= ie=edge title水乡木鱼的博客/title style p . none { border-style:none；} p . doted { border-style:dotted；} p . dashed { border-style:dashed；} p.solid { border-style:固体；} p . double { border-style:double；} p . groove { border-style:groove；} p.ridge { border-style:山脊；} p . inset { border-style:inset；} p . outlet { border-style:outlet；} p . hidden { border-style:hidden；}/style/headbydiv p class= none 无边框。/p p class=dotted 虚线边框。/p p class=虚线虚线边框。/p p class=solid 实心边框。/p p class=double 双边框。/p p class=groove 凹槽边框。/p p class=ridge 山脊线。/p p class=inset 嵌入边框。/p p class= output 凸边框。/p p class=hidden 隐藏边框。/p /div/body/html效果演示：
边框宽度
您可以通过border-width属性指定边框的宽度。
有两种方法可以指定边框的宽度：可以指定长度值，如2px或0.1em(以px、pt、cm、em等为单位。)，或者您可以使用三个关键字之一，即厚、中(默认)和薄。
注意：CSS并没有定义3个关键字的具体宽度，因此一个用户可能会将thick、medium和thin分别设置为5px、3px和2px，而另一个用户则分别设置为3px、2px和1px。
p . one { border-style:solid；边框宽度：5px} p.two { border-style:固体；边框宽度：中等；}
边框颜色
border-color属性用于设置边框的颜色。可以设置的颜色：
名称-指定颜色的名称，如“红色”RGB-指定RGB值，如“RGB (255，0，0)”hex-指定十六进制值，如“#ff0000”。也可以将边框颜色设置为“透明”。
注意：仅仅使用边框颜色是不行的。您必须先使用border-style来设置边框样式。
p . one { border-style:solid；边框颜色：红色；} p.two { border-style:固体；边框颜色：# 98bf21}边框-分别设置每一边。
在CSS中，您可以在不同的边上指定不同的边框：
p { border-top-style:dotted；border-right-style:实心；边框-底部-样式：虚线；边框-左侧样式：实心；}上面的例子也可以设置单个属性：
例子
边框样式：虚线实心；边框样式属性可以有1-4个值：
边框样式：点状实心双虚线；
上边框为虚线，右边框为实线，下边框为双线，左边框为虚线边框样式：虚线实线双线；
上边框为虚线，左右边框为实线，下边框为doubleborder-style:虚线实线；
上下边框为点线，左右边框为solidborder-style:点线；
边界的四边是点状的。上面的例子使用了边框样式。但是，它也可以用于边框宽度、边框颜色。
上面的例子使用了许多属性来设置边框。
您也可以在属性中设置边框。
您可以在“边框”属性中设置：
border-width border-style(必选)border-color border:5px纯红；
关于如何玩CSS边框的这篇文章到此为止。有关CSS border的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。