zoukankan      html  css  js  c++  java
  • [CSS]border边框

    border: 1px solid #ccc;    /*1像素 实线 灰色*/
    可分割成:
    border-1px;
    border-style: solid; 
    border-color: #000;
    -----------------------------------------------------------------------------------------------------------------
    四个边框

    border-left             设置左边框,一般单独设置左边框样式使用
    border-right           设置右边框,一般单独设置右边框样式使用
    border-top             设置上边框,一般单独设置上边框样式使用
    border-bottom       设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。

    -----------------------------------------------------------------------------------------------------------------
    border-style
    none          无边框。与任何指定的border-width值无关
    hidden       隐藏边框。IE不支持
    dotted        在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
    dashed      在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
    solid           实线边框(常用)
    double       双线边框。两条单线与其间隔的和等于指定的border-width值
    groove       根据border-color的值画3D凹槽
    ridge          根据border-color的值画菱形边框
    inset          根据border-color的值画3D凹边
    outset        根据border-color的值画3D凸边
    -----------------------------------------------------------------------------------------------------------------
    box-shadow
    取值:<length> <length> <length>? <length>? || <color>
    阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜
    -----------------------------------------------------------------------------------------------------------------

    border-radius
    取值:<length>由浮点数字和单位标识符组成的长度值。不可为负值。
    ----------------------------------------------------------------------------------------------------------------- 

  • 相关阅读:
    [初赛备战]计算机基础知识错题集(1)
    [POJ2976][POJ2728]01分数规划问题的二分答案解法
    关于字符串哈希一些模板和心得
    [算法笔记]分块算法从入门到TLE
    [CodeForces510c]Fox And Names
    C++/C语言入门简单教程(深圳中学科学联盟信息学会)
    [BZOJ1878][SDOI2009]HH的项链解题报告
    [BZOJ3717][PA2014]Pakowanie解题报告
    转 各种浏览器的内核是什么
    深入理解CSS3 Animation 帧动画
  • 原文地址:https://www.cnblogs.com/cloudshadow/p/3625331.html
Copyright © 2011-2022 走看看