zoukankan      html  css  js  c++  java
  • css深入理解之border

    1.  border-width

    border-width不支持百分比,类似的还有outline,box-shadow,text-shadow等

    border-width支持关键字:thin(1px,最常用),medium(3px,默认值),thick(5px)(IE7除外)

    2.  border-style

    border-style:solid; 实线

    border-style:dashed; 虚线 在chrome和firefox下虚线比较稀疏,而在IE下显得比较密

    如果用虚线做图形,由于浏览器兼容的问题,则效果不佳,一般最多只是做个虚框或者是分割线

     border-style:dotted; 点线 在chrome和firefox下是小方,即点为小正方形,在IE下为小圆,即点为小圆形。在IE下可以使用点线来实现圆角。

    border-style:double; 双线

    计算规则:

    1px:0+1+0

    2px:1+0+1

    3px:1+1+1

    4px:1+2+1

    5px:2+1+2

    6px:2+2+2

    7px:2+3+2

    ......

    双线宽度永远相等,中间间隔+-1

    双线的兼容性很好,可以用来绘制图形,例如下图,用double属性可以使线分为三部分。

    border-style:inset;内凹  基本不用

    3. border-color与color

  • 相关阅读:
    维护
    zabbix监控线
    java——快排、冒泡、希尔、归并
    java——注解处理器
    spring boot——常用注解
    java——修改txt文件中某一行的内容
    spring boot——关于一个Mysql主键的问题
    mysql
    springboot
    自信点,不要怕
  • 原文地址:https://www.cnblogs.com/sMKing/p/6072078.html
Copyright © 2011-2022 走看看