最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网页JS特效 > 文本特效类

网页特效:css实现无图圆角效果

日期:02-07    来源:中国设计秀    作者:cnwebshow.com

代码:5Sd中国设计秀

<html><br>5Sd中国设计秀
<head><br>5Sd中国设计秀
<title>css圆角效果--网页特效/www.cnwebshow.com</title>5Sd中国设计秀
<meta http-equiv="content-type" content="text/html; charset=gb2312">5Sd中国设计秀
<style type="text/css">5Sd中国设计秀
div.RoundedCorner{background: #9BD1FA}5Sd中国设计秀
b.rtop, b.rbottom{display:block;background: #FFF}5Sd中国设计秀
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}5Sd中国设计秀
b.r1{margin: 0 5px}5Sd中国设计秀
b.r2{margin: 0 3px}5Sd中国设计秀
b.r3{margin: 0 2px}5Sd中国设计秀
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}<br>5Sd中国设计秀
</style>5Sd中国设计秀
</head>5Sd中国设计秀
<body>5Sd中国设计秀
<div class="RoundedCorner">5Sd中国设计秀
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>5Sd中国设计秀
<br>无图片实现圆角框<br><br>5Sd中国设计秀
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>5Sd中国设计秀
</div>5Sd中国设计秀
</body>5Sd中国设计秀
</html>5Sd中国设计秀
 5Sd中国设计秀

本文引用地址:/js/article_63463.html
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明