最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS3圆角带阴影效果代码
时间：2022-06-25 13:43:07 编辑：袖梨 来源：一聚教程网
当涉及到设计的关键就是做最少的事情，完成更多的任务，太多的网页看起来很杂乱，有点像刚开始的网页设计。幸运的是，web开发人员可以使用css3给网页添加一些惊奇的效果，让他们开起来更自然一些。
下面的代码就是展示了使用CSS3让一个元素看起来像是缝合到网页中一样。
| 代码如下 | 复制代码 |
| .stitched { height:100px; width:500px; padding: 5px 10px 5px 10px; margin: 15px; background: #e2e2e2; border: 2px dashed rgba(255,255,255,0.4); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5); -webkit-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5); box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 6px 4px rgba(10,10,0,.5); } |
|
你第一点击上面的链接去看看这个效果。
再补充一个例子
| 代码如下 | 复制代码 |
|
Hello OSTools 一聚教程网 |
|
相关文章
- 王者荣耀星之破晓先遣测试停服 12-04
- 光遇12.4大蜡烛在哪里 光遇12月4日大蜡烛位置攻略 12-04
- 无限暖暖公测兑换码有哪些 无限暖暖公测版本兑换码介绍 12-04
- 绝区零当三明治来敲门怎么玩 绝区零当三明治来敲门活动介绍 12-04
- 奇迹暖暖绮彩木马搭配攻略 奇迹暖暖绮彩木马过关攻略 12-04
- 光遇12.4每日任务怎么做 光遇12月4日每日任务做法攻略 12-04