<分区>
这是关于 image 的链接
color: rgb(81, 134, 172);
display: inline-block;
text-decoration: none;
outline: none;
vertical-align: super;
border-top: 2px solid rgb(81, 134, 172);
border-bottom: 2px solid rgb(81, 134, 172);
padding-top: 15px;
padding-bottom: 15px;
-webkit-box-shadow: inset 0px 0px 11px 3px rgb(86, 141, 180);
在 css 上可以吗?
最佳答案
HTML
<div class="box">
<h3>User Options</h3>
</div>
CSS
.box:after {
border-radius: 50%;
bottom: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.box:before {
border-radius: 50%;
top: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.box {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0 auto 80px;
max-width: 440px;
padding: 20px 0 20px;
position: relative;
text-align: center;
}
关于html - 如何在 css 上用阴影做这样的渐变 block ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23007743/