HTMLcss3阴影

申申呢？

已于 2023-04-13 16:06:59 修改

阅读量78

点赞数

分类专栏： html 文章标签： html css3 css

于 2023-04-06 20:20:23 首次发布

本文链接：https://blog.csdn.net/qq_52181663/article/details/129998308

版权

html 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一、文字阴影
text-shadow:text-shadow: 10px 10px 1px green;
文字阴影水平阴影垂直阴影模糊程度颜色

 <style>
    h1{
      font-size: 150px;
      color: chartreuse;
      margin:50px auto;
      text-align: center;
      /* 文字阴影  水平阴影 垂直阴影 模糊程度 颜色 */
      /* 水平垂直数值可以为负，但不能不写，不写没效果 */
      /* 模糊程度不能为负值  颜色默认跟随文本颜色 */
      text-shadow: 10px 10px 1px green;
      /* 多阴影可以有，中间用逗号隔开就好 */
      text-shadow: 10px 10px 2px yellow,-10px 10px 3px blueviolet;
    }
  </style>
</head>
<body>
  <h1>申申好好看！</h1>

二，盒子阴影
盒子阴影 :水平阴影，垂直阴影，模糊程度，阴影大小，颜色；
盒子可以写多阴影，盒子阴影模糊程度不能为负，颜色默认为文本颜色，不是盒子背景色，阴影大小默认为盒子大小

 <style>
    div{
      width: 300px;
      height: 300px;
      /* line-height: 300px; */
      
      background-color: chartreuse;
      color: darkcyan;
      text-align: center;
      margin: 50px auto;
      box-shadow: 10px 10px 10px 10px gray;
    }

申申呢？

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTMLcss3阴影

盒子可以写多阴影，盒子阴影模糊程度不能为负，颜色默认为文本颜色，不是盒子背景色，阴影大小默认为盒子大小。盒子阴影 :水平阴影，垂直阴影，模糊程度，阴影大小，颜色；/* 文字阴影水平阴影垂直阴影模糊程度颜色 *//* 水平垂直数值可以为负，但不能不写，不写没效果 *//* 模糊程度不能为负值颜色默认跟随文本颜色 */文字阴影水平阴影垂直阴影模糊程度颜色。/* 多阴影可以有，中间用逗号隔开就好 */
复制链接

扫一扫