CSS盒子模型边框(border)

border可以设置元素的边框。边框有三部分组成:边框宽度(粗细)、边框样式、边框颜色

语法:

border: border-width | border-style | border-color
  • border-width:定义边框粗细,单位是px
  • border-style:边框样式
  • border-color:边框颜色

常用的边框样式:

  • solid 实线
  • dashed 虚线边框
  • dotted 点线边框

边框复合写法(简写)

写法:

border: 5px solid red;

边框:5像素 实线 红色,简写没有顺序要求。

指定一条边框样式写法:

border-top: 5px solid red;

上边框:5像素 实线 红色

  • border-top 上边框
  • border-bottom 下边框
  • border-left 左边框
  • border-right 右边框

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

您的电子邮箱地址不会被公开。

微信
通知:站点改版中,敬请期待