百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css border属性如何用
分享文章到:

css border属性如何用

发布时间:09/01 来源:未知 浏览: 关键词:

css border 定义和用途

css border-style 属性用于设定元素所有边框的样式,或者独自地为各边设定边框样式。只要当这个值不是 none 时边框才大概显现。

例1

border-style:dotted solid double dashed;

上边框是点状

右侧框是实线

下边框是双线

左边框是虚线

例2

border-style:dotted solid double;

上边框是点状

右侧框和左边框是实线

下边框是双线

例3

border-style:dotted solid;

上边框和下边框是点状

右侧框和左边框是实线

例4

border-style:dotted;

所有 4 个边框都是点状

实例,设定四个边框的样式

p
  {
  border-style:solid;
  }

阅读器支撑

所有阅读器都支撑 border-style 属性。

注释:任何的版本的 Internet Explorer (包罗 IE8)都不支撑属性值 "inherit" 或 "hidden"。

大概的值

5481688d2bc8998d58934d0d77c8a54.png

描写

最不成猜测的边框样式是 double。它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。不外,CSS 标准并没有说其中一条线可否比另一条粗或者两条线可否应当是一样的粗,也没有指出线之间的空间可否应当比线粗。所有这些都有会员代理决议,创作人员对这个决议没有任何影响。

以上就是css border属性如何用的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板