首页 > 开发 > CSS > 正文

使用CSS3实现圆角,阴影,透明

2024-07-11 09:06:18
字体:
来源:转载
供稿:网友
这篇文章主要介绍了使用CSS3实现圆角,阴影,透明的方法和示例代码分析,非常的简单实用,这里推荐给小伙伴们。
 
 

CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.

1.圆角

CSS3实现圆角有两种方法.

第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样给一个元素添加4个1/4圆的背景图像,分别位于4个角上就可以实现圆角了.

 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表