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

最新推荐文章于 2024-06-17 03:14:49 发布

「已注销」

最新推荐文章于 2024-06-17 03:14:49 发布

阅读量2.7k

点赞数

分类专栏：前端文章标签： css3 我的博文 css3技巧 css3盒子效果

原文链接：https://www.mk2048.com/blog/blog.php?id=hajcacjk2c1j&title=CSS3+%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7%EF%BC%9A%E6%BC%82%E4%BA%AE%E7%9A%84%E9%A1%B5%E9%9D%A2%E9%A1%B6%E9%83%A8%E9%98%B4%E5%BD%B1

版权

前端专栏收录该内容

1143 篇文章 3 订阅

订阅专栏

您可能感兴趣的相关文章

2012年最酷的25个 CSS3 学习教程
35个让人惊讶的 CSS3 动画效果演示
推荐12个漂亮的 CSS3 按钮实现方案
20个非常绚丽的 CSS3 特性应用演示
24款非常实用的 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 技巧

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

更多专业前端知识，请上【猿2048】www.mk2048.com