向一朵朵鲜花 发表于 2017-3-13 15:00:50

为什么 我这个字体下面没有阴影效果。。。 如图~

本帖最后由 不二如是 于 2017-3-13 15:10 编辑














<!DOCTYPE html>
<html>
<head>
      <meta charset="gb2312">
      <title></title>
      <style type="text/css">

                               *{
                                                margin: 0;
                                                padding: 0;
                                                
                                                }
                              sertion{
                                                width: 980px;
                                                background: #f5f5f5;
                                                box-shadow: 0 0 1px rgba(0,0,0,.4) inset;
                                                }
                                        article{
                                                      width: 50%;
                                                      float: left;
                                                      }
                section::after{
                              
                                                content: "";
                                                display: table;
                                                clear: both;
                                                }

               
               
                </style>
</head>
<body>
      <section>
                <article>
                        <img src="1.png" alt="drumsticl_1">
                        <h1>蓝鸡腿</h1>
                        <p>穷爸爸:“你要好好学习,以后就能找一份好工作养活自己。”驱动学习的力量是恐惧。</p>
                </article>
                <article>
                        <img src="2.png" alt="drumsticl_2">
                        <h1>红鸡腿</h1>
                        <p>富爸爸:“你要好好学习,以后就能开自己的公司,创造很多就业机会给别人。驱动力量是爱,好好学就会帮到更多的人。</p>
                </article>
      </section>
</body>
</html>

向一朵朵鲜花 发表于 2017-3-13 15:01:43

手滑了没注意图片插代码里了。。。

不二如是 发表于 2017-3-13 15:10:00

向一朵朵鲜花 发表于 2017-3-13 15:01
手滑了没注意图片插代码里了。。。


首先设置的阴影box,是针对整个section而已,而不是某些字体的



不二如是 发表于 2017-3-18 09:10:52


0 0 8 6 - ‘选区’交互操作 2.0中介绍的text-shadow,可以为文字添加阴影

box-shadow只能用于设置边框
页: [1]
查看完整版本: 为什么 我这个字体下面没有阴影效果。。。 如图~