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

  • 相关阅读:
    (转载)Linux进程基础
    C语言字符串
    DNS域名解析服务
    Linux-SSH远程管理
    Linux文件系统深入了解
    Linux进程和计划任务管理
    Linux账户与权限管理
    MySQL实现读写分离
    SQL数据库常用函数
    MySQL进阶查询(二)
  • 原文地址:https://www.cnblogs.com/sMKing/p/6072078.html
Copyright © 2011-2022 走看看