热门源码
|
热门软件
|
高级搜索
|
网站地图
|
文章
·
软件投稿
免费收录你的网站，现在加入广捷居！
庆祝Admin5·站长网广告联盟开通，抢先注册中.
CSS代码在线格式化、美化工具
首页
站长资讯
源码下载
素材图库
脚本特效
电子书籍
专题
开源者社区
智能模糊搜索
资源名称检索
本站推荐
：
共享世纪推荐的2010·互联网建站品牌CMS
Windows/Linux高性能主机
2G 155元，3G 198元，5G 300元，欢迎联系本站站长选购！
纯CSS代码实现DIV圆角样式
脚本类别：
页面布局
添加时间：
2009-11-01
查看次数：
作者：
LENNYASH
脚本代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> div.rc{ /*要进行圆角处理的div背景色*/ background:#F36; } b.rctop,b.rcbottom{ /*圆角的颜色，要与其父容器的背景色相一至*/ display:block; background:#FFF; } b.rctop b,b.rcbottom b{ /*其背景色最好与进行圆角处理的div背景色相一至*/ display:block; height:1px; overflow:hidden; background:#F36; } b.rc1{ margin:0 5px; } b.rc2{ margin:0 3px; } b.rc3{ margin:0 2px; } b.rctop b.rc4,b.rcbottom b.rc4{ margin:0 1px; height:3px; } </style> </head> <body> <div class="rc"> <b class="rctop"><b class="rc1"></b><b class="rc2"></b><b class="rc3"></b><b class="rc4"></b></b> <a href="http://www.2ky.cn" target="_blank"> 共享世纪</a> 图片圆角处理 <b class="rcbottom"><b class="rc4"></b><b class="rc3"></b><b class="rc2"></b><b class="rc1"></b></b> </div> </body> </html>
loading...
当前页面所处路径为
共享世纪
/
脚本特效
/
页面布局
/ ，本特效的Tag为：
共享世纪
网站中把Div处理成圆角样式可以增加用户体验，看上去会更美观，现介绍一种实现方法
会员登陆
close X
用户名
密 码
验证码
