盒子

盒子

边框
border-top-color
上边框颜色
border-top-color:#369;
border-right-color
右边框颜色
border-right-color:#369; border-bottom-color
下边框颜色
border-bottom-color:#fae45b;
border-left-color
左边框颜色
border-left-color:#efcd56;
border-color
四个边框为同一颜色
border-color:#eeff34;
上、下边框颜色:#369
左、右边框颜色:#000
border-color:#369 #000;上边框颜色:#369
左、右边框颜色:#000
下边框颜色:#f00
border-color:#369 #000 #f00
;上、右、下、左边框颜色:
#369、#000、#f00、#00f
border-color:#369 #000 #f00 #00f
边框粗细
border-width
thin
medium
thick
边框样式
border-style
none
hidden
dotted
dashed
solid
double
边框简写border:1px solid #3a6587;
border: 1px dashed red;
外边距
margin
margin-top
margin-right
margin-bottom
margin-left
margin
网页居中对齐margin:0px auto;
内边距
padding
padding-left
padding-right
padding-top
padding-bottom
padding
盒子阴影
box-shadow:inset x-offset y-offset blur-radius color;
圆角边框
border-radius: 20px 10px 50px 30px;顺时针排列
设置圆形元素的宽度和高度必须相同
圆角的半径为元素宽度的一半,或者直接设置圆角半径值为50%一个值表示四个角两个值表示对角线三个值表示左上对角右下

相关文章:

  • 2021-05-03
  • 2021-08-08
  • 2022-12-23
  • 2022-12-23
  • 2022-01-28
  • 2021-07-28
  • 2021-12-25
猜你喜欢
  • 2021-11-05
  • 2021-09-22
  • 2022-12-23
  • 2021-06-22
  • 2022-12-23
  • 2022-02-10
相关资源
相似解决方案