#CSS 的边框

在 CSS 中通过 border 属性设置边框。例如：

border: 1px solid red;      /* 边框宽度为 1px，边框样式为实线，边框颜色为红色 */
border-width: 2px;          /* 边框宽度为 2px */
border-style: dotted;       /* 边框样式为点虚线 */
border-color: yellow;       /* 边框颜色为黄色 */
border-radius: 5px;         /* 边框圆角半径为 5px */

/* left 可替换为 right，top，bottom 表示右边框，上边框，下边框 */
border-left: 1px solid red;         /* 左边框宽度为 1px，边框样式为实线，边框颜色为红色 */
border-left-width: 1px solid red;   /* 左边框宽度为 1px */
border-left-style: dotted;          /* 左边框样式为点虚线 */
border-left-color: yellow;          /* 左边框颜色为黄色 */
border-top-left-radius: 5px;        /* 左上角边框圆角半径为 5px */

例如：

CSS 边框

    

        border: 1px solid cyan; 
 
    

    

        border: 1px solid cyan; 

        border-top-left-radius: 10px; 
 
    

常用的边框样式如下：

CSS 边框样式

    

        border: 1px dotted cyan;
    
    
    

        border: 1px dashed cyan;
    

    

        border: 1px solid cyan;
    

    

        border: 4px double cyan;
    

    

        border: 8px groove cyan;
    

    

        border: 8px ridge cyan;
    

    

        border: 8px inset cyan;
    

    

        border: 8px outset cyan;