CSS 简写边框属性

CSS 简写边框属性
    CSS 边框各边
    CSS 圆角边框
CSS Border - 简写属性
就像您在上一章中所见,处理边框时要考虑许多属性。
为了缩减代码,也可以在一个属性中指定所有单独的边框属性。
border 属性是以下各个边框属性的简写属性:
    border-width
    border-style(必需)
    border-color
实例
p {
  border: 5px solid red;
}
结果:

图片.png

您还可以只为一个边指定所有单个边框属性:
左边框
p {
  border-left: 6px solid red;
  background-color: lightgrey;
图片.png

下边框
p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

图片.png

1、本站资源长期持续更新。
2、本资源基本为原创,部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
3、本站大部分文章的截图来源实验测试环境,请不要在生产环境中随意模仿,以免带来灾难性后果。

转载请保留出处:  www.zh-cjh.com珠海陈坚浩博客 » CSS 简写边框属性

作者: cjh


手机扫一扫,手机上查看此文章:

一切源于价值!

其他 模板文件不存在: ./template/plugins/comment/pc/index.htm

未雨绸缪、居安思危!

数据安全、有备无患!

注意操作、数据无价!

一切源于价值!