css写的六边形怎么加边框阴影 财富值30？

怎么给上下两个三角形加上边框阴影？

<div class="hexagon"> <div class="top"></div> <div class="bottom"></div> </div>` <style type="text/css"> .hexagon{ position: relative; display:inline-block; margin-right: 20px; width: 200px; height: 120px; background-color: #fff; -moz-box-shadow: 0 0 20px #ffffd; -webkit-box-shadow:0 0 20px #ffffd; box-shadow: 0 0 20px #ffffd; text-align: center;} .hexagon .top{ width: 0;height: 0; position:absolute; left:0; top:-60px; border-bottom:60px solid #fff; border-left:100px solid transparent; border-right:100px solid transparent; } .hexagon .bottom{ width: 0;height: 0; position:absolute; bottom:-60px; border-top:60px solid #ff优艾设计网_Photoshop交流f; border-left:100px solid transparent; border-right:100px solid transparent; } .hexagon .img{ width: 200px;height: 120px; display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 120*0.873;*font-family:Arial; } </style>

---

ty_139331422 优艾设计网_设计圈 2022-09-27 07:43

如果不考虑只CSS, 使用 iconfont 可以给字体加 text-shadow, 但只支持 SVG 的 iconfont 不行.

---

浪漫相思^^ 优艾设计网_设计百科 2022-09-27 07:55

当然, 你也可以直接切图.

---