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

2016-10-31 17:48发布

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

<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 #ddd;             -webkit-box-shadow:0 0 20px #ddd;             box-shadow: 0 0 20px #ddd;             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 #fff;     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>
友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
2条回答

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

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

一周热门 更多>