首页 > 开发 > CSS > 正文

CSS布局实例:仅一张图片实现圆角!

2024-07-11 08:40:34
字体:
来源:转载
供稿:网友
  这个代码是UDSKY推荐给我的一段用图片版的圆角代码,于是分析代码写个教程,这段代码最大的优点是:只使用了一张图片,代码简单,很轻易上手.不足之处在于做这种圆角BOX所在的背景区为单一色!还是直入正题吧!

  预备一张图片(我们要使用的那张背景图,四个角都是这张背景图四个部位显示出来的).最初学习圆角时,我承想过用一张四分之一的圆,然后背景图旋转/翻转不就可以用以用在四个角上了吧,但是CSS中没有这种功能,只好放弃这种不实际的想法!


圆角部分放大图:


HTML代码:

示例代码 [www.CuoXIn.com]
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表