border属性

Posted (f)VV><の blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了border属性相关的知识,希望对你有一定的参考价值。

第一个边框的CSS代码是:style="border:thin solid red";
 “border”后面的三个参数的含义是:边框线的宽度是:thin(细线);边框线的类型:solid(实线);边框线的颜色:red(红色)。

  边框线的宽度有三个标准值:thin(细线)、medium(中粗线)和thick(粗线),
  此外,也可以自定义宽度,如:1pt、5px、2cm等

  边框线的类型有九个确定值:none(无边框线)、 dotted(由点组成的虚线)、 dashed(由短线组成的虚线)、 solid(实线)、 double(双线,双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度)、 groove(3D沟槽状的边框)、 ridge(3D脊状的边框)、 inset(3D内嵌边框,颜色较深)、 outset(3D外嵌边框,颜色较浅),

  注意:如果系统不支持这些边框的属性值,那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都会被“solid”代替。

  边框线的颜色:可以用十六进制的颜色代码,如#00ffcc。

 

除了border,还可以设置特定的边框线:例如border-left

style="border-left: 1px solid #ffffff"。

边框线名称:border-top(上边框线)、border-right(右边框线)、border-bottom(下边框线)和boder-left(左边框线);

以上是关于border属性的主要内容,如果未能解决你的问题,请参考以下文章

CSS中使用border属性来绘制三角形

【css】边框border的属性和使用方法

border:0与border:none区别与联系

微信小程序:border属性

微信小程序:border属性

还是border-radius属性,将div边框(border)的四个直角变成圆角