标签如何设置边框

边框(border)元素设置边框

        边框属于盒子边缘,边框里面属于盒子内部,出了边框都是盒子的外部

        设置边框必须指定三个样式 边框大小、边框的样式、边框的颜色

          边框大小:border-width

                   border-width 后可跟多个值

                   四个值   上   右  下  左

                   三个值   上  左右   下

                   二个值   上下  左右

                   一个值   上下左右

                 单独设置某一边的边框宽度

                 border-bottom-width

                 border-top-width

                 border-left-width

                 border-right-width

          边框样式:border-style

                 边框的样式  

                 border-style  可选值

                 默认值:none

                 实线  solid

                 虚线  dashed

                 双线  double

                点状虚线   dotted

          边框颜色:border-color

                设置边框的颜色  默认值是黑色

                border-color  也可以跟多个值

                四个值   上   右  下  左

                三个值   上  左右   下

                二个值   上下  左右

                一个值   上下左右

           对应的方式跟border-width是一样

                单独设置某一边的边框颜色

                  border-XXX-color: ;  

        简写border

           1、 同时设置边框的大小,颜色,样式,没有顺序要求

           2、可以单独设置一个边框

              border-top:; 设置上边框

              border-right  设置右边框

              border-bottom  设置下边框

              border-left   设置左边框

           3、去除某个边框

               border:none;        

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值