CSS边框

/* CSS Document */
/*边框和样式*/
div{
      width:200px;
      height:200px;
      border-style:solid;
      border-color:orange;
      border-width:20px;              【总长度是200px+10px】
      border-width:thin;                【薄 的】
      border-width:medium;          【中等的】
      border-width:thick;              【最厚的】
      border-style:none;               【消除边框】
      border-style:dashed;              【虚线】
      border-style:dotted;              【原点线】
      border-style:double;             =【双线】
      border-style:groove;              【画框/槽线框】
      border-style:outset;              【外凸框】
      border-style:inset;                【内嵌框】
*/

border:1px solid red;
border-radius:10px 20px 30px 40px; 【左上角、右上角、右下角、左下角】

border-top-left-radius:40px              【只设置左上角】


/*
只设置上边框:
border-top-style:30px;

border-top-style:solid;
border-top-style:blue;

或者
border-top:30px solid blue;*/

你可能感兴趣的:(CSS边框)