CSS3入门之阴影、边框一系列属性

文字阴影、盒子阴影、边框样式

• 文字阴影 分别是 水平阴影（可负值 负值影子往左移） 垂直阴影（可负数 负值影子往上移） 模糊效果 影子颜色
• 盒子阴影 分别是 水平阴影（可负值 负值影子往左移） 垂直阴影（可负数 负值影子往上移） 模糊效果 阴影大小 影子颜色 阴影位置（inset outset(默认)）
• 多组阴影 以逗号分割
• 边框颜色 分别代表上 右 下 左 border-color: #f00 #0f0 #00f yellow;
• 圆形图片 设置边框圆角值取宽高中最大值的壹伴
• 半圆 高度为宽度的一半 并且高度和边框圆角的度数一致 根据想要的效果设置不同方位的角值
• 背景大小 background-size 有两种属性 cover（覆盖 按比例缩放 覆盖整个区域时可能会被裁剪） contain（容纳 背景全部显示 可能不会全部覆盖背景区域）
• 背景剪切 三种主要属性
  border-box：从边框border开始剪切（默认值）
  content-box 从内容区域开始剪切
  padding-box 从内边距padding开始剪切

    
    
    



    
我是盒子

    
我是盒子