CSS3 实用技巧:漂亮的盒子效果

您可能感兴趣的相关文章

 

效果演示

 

效果演示

 

效果演示

 

p {    padding: 5px 10px;    margin: 10px;    background: #ff0030;    color: #fff;    font-size: 21px;    line-height: 1.3em;    border: 2px dashed #fff;    border-radius: 3px;    -moz-border-radius: 3px;    -webkit-border-radius: 3px;    -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);    -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);    text-shadow: -1px -1px #aa3030;  }  

 

更多实用 CSS3 技巧:帮助你美化网站的10+实用 CSS3 技巧

编译来源:前端里 ◆ 关注前端开发技术 ◆ 分享网页设计资源

赞 (0) 打赏