用图片实现圆角边框的效果 - CSS, 边框, corners, rounded, 圆角,

来源:百度文库 编辑:神马文学网 时间:2024/04/28 01:06:31
用图片实现圆角边框的效果
作者: CodeBit     来源: CodeBit.cn     时间: 2007-05-10 08:53:54
摘要: 在页面上内容很多的时候,我们通常需要用特定的方式分离开,这样可以让访问者迅速明确页面上内容的分布情况,常用的方式是用色块和有边框的矩形。本文介绍的是用图片实现的圆角边框效果,如果运用得当,一定可以让你的页面增色不少。
归类:(X)HTML/CSS,
关键词:CSS,边框,corners,rounded,圆角,
收藏本页到:
在页面上内容很多的时候,我们通常需要用特定的方式分离开,这样可以让访问者迅速明确页面上内容的分布情况,常用的方式是用色块和有边框的矩形。本文介绍的是用图片实现的圆角边框效果,如果运用得当,一定可以让你的页面增色不少。
--------------------------------------------------------------
点此浏览示例文件
--------------------------------------------------------------
CSS:

HTML:


Codebit.cn - 聚合小段精华代码




在编程的过程中,我们通常都会积累很多简单、有效并且可重用的小段代码,一个简单的字符串处理函数或者一个验证邮件地址的正则表达式,又或者一个简单的文件上传类,甚至一个效果不错的CSS导航样式。这些小技巧为我们节省了不少时间,但是时间一长,代码数量越来越多,寻找起来也耗费了不少时间。因此,本站致力于收集整理一些类似的小知识,并且努力提高文章搜索质量,一来方便大家查阅,二来也算是支持一下开源事业。