CSS3教程 内阴影的设置

  • 原创
  • |
  • 浏览：803
  • |
  • 更新：
  • |
  • 标签：CSS 
  • CSS3教程 内阴影的设置1
  • CSS3教程 内阴影的设置2
  • CSS3教程 内阴影的设置3
  • CSS3教程 内阴影的设置4
  • CSS3教程 内阴影的设置5
  • CSS3教程 内阴影的设置6
分步阅读

本教程将介绍内阴影的设置

工具/原料

  • sublime_text

方法/步骤

  1. 1

    新建一个 InnerShadow.html 文件，如图所示：

    CSS3教程 内阴影的设置
  2. 2

    输入 <!DOCTYPE html> 作用：使用html5的标准，如图所示：

    CSS3教程 内阴影的设置
  3. 3

    输入网页结构的头部和主体

    设置title为：内阴影的设置

    设置网页编码：utf-8

    规定元素内容的语言：zh-cmn-Hans

    CSS3教程 内阴影的设置
  4. 4

    定义一个300X100px，颜色为黄色的矩形，如图所示：

    CSS3教程 内阴影的设置
  5. 5

    使用 box-shadow 属性设置矩形的内阴影，如图所示：

    CSS3教程 内阴影的设置
  6. 5
    相关内容未经许可获取自百度经验
  7. 6

    运行网页，可以看到内阴影效果已经出来了，如图所示：

    CSS3教程 内阴影的设置
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签CSS