浅谈css边框属性border(1)- border的属性介绍

浏览: 333次 日期:2018年01月23日 22:19:17 作者:青格勒

浅谈css边框属性border(1)—border的属性介绍

浅谈css边框属性border(2)—border的一般使用

浅谈css边框属性border(3)—border的三角制作

浅谈css边框属性border(4)—border的一些使用技巧

 

border大家都不怎么陌生,这里我也就献丑写了个人的一些理解,本章咱们就说一下border的基本属性的讲解:

 

border的值有三个:

边框的宽度:border-width

边框的样式:border-style

边框的颜色:border-color

父元素继承:inherit

 

 

一、border-width

thin:细边框

medium:中等边框(默认)

thick:粗边框

length:自定义边框(数字带单位)

 

二、border-style

none:没有边框

hidden:与 “none” 一样。不过应用于表时除外,对于表 用于解决边框冲突

dotted:点状边框,不同浏览器显示不一样

dashed:虚线,不同浏览器显示不一样

solid:实线

double:双线,双线的宽度等于border-width的值

groove:3D 凹槽边框,效果取决于border-color/border-width的设定

ridge:3D 垄状边框,效果取决于border-color/border-width的设定

inset:3D inset 边框,效果取决于border-color/border-width的设定

outset:3D outset 边框,效果取决于border-color/border-width的设定

 

三、border-color

color_name:颜色值为颜色名称(比如 red、bule)

hex_number:颜色值为十六进制值(比如 #000、#456)

rgb_number:颜色值为 rgb 代码(比如 rgb(0,66,87))

transparent:默认值(透明)

 

四、inherit

继承父级元素属性的设置

 

 

border组合写法为:border:border-width border-style border-color;

实例子:border:1px solid #fff;

文章链接:http://cenggel.com/htmlcss/55.html

版权声明:文章《浅谈css边框属性border(1)- border的属性介绍》由青格勒编写,转载请带上文章链接。

本章内容纯属乱讲,如有雷同,纯属巧合。如有借鉴之处已表明出处。

点击任意位置关闭窗口,感谢您的支持。


打赏规则 - 为了避免对于打赏模式产生误解,说明一下几点内容:

  • 1.打赏纯粹自愿,金额不限,别太多,1块就行;
  • 2.打赏不能作为解答疑问的理由;
  • 3.打赏不能帮你做毕业设计或论文;
  • 4.打赏不能帮你做工作中的项目;
  • 5.打赏就是这不能那不能,只是单纯打赏而已。
  • 5.最后谢谢支持。
关闭
相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注