小言_互联网的博客

CSS3 使用技巧：漂亮的页面顶部阴影

2019-10-06 13:40 441人阅读  评论(0)

您可能感兴趣的相关文章

 

效果演示

 

效果演示

 

效果演示

 

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 技巧

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


更多专业前端知识，请上 【猿2048】www.mk2048.com
转载：https://blog.csdn.net/setsunadoudou/article/details/102131826
查看评论
* 以上用户言论只代表其个人观点，不代表本网站的观点或立场