这是一个关于字体和css3属性的实验的结果，如文本阴影和盒阴影:

按钮被定义为链接元件，而css的外观如下所示:

.button{
padding:5px 15px 5px 15px;
text-decoration: none;
display: inline-block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
outline:none;
position:relative;
font-size: 32px;
margin:10px;
background:transparent url(buttonover.png) repeat-x top left;
white-space:nowrap;
}
.button:hover{
background-color: #777;
}
.button:active{
top: 1px;
left:1px;
}

很多时候，说起来box-shadow，那很多人第一个想法就是，那不就是做阴影的吗？其实除了做阴影，还有很多很实用的效果的，今天我们就来说说box-shadow的各种应用吧！

认识box-shadow的属性

首先，要想很好的运用box-shadow，那就要先很好的认识理解box-shadow的各种属性，我们来一步步的了解一下吧！

css3的边框属性

在网页设计中,网页的边框是很重要的一项内容,今天小编就给大家分享一个css3边框属性(欢迎关注哦):

浏览器

css圆角

特性 例子

新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)}

弹性盒模型 display: flex