一段无图片纯CSS实现圆角的代码
<html>
<head>
<title>css圆角效果</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div class="RoundedCorner">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
无图片实现圆角框
<br>fdsafdsa<br>
fdsafds
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
分享到:
相关推荐
百度百科里的CSS圆角效果.rar百度百科里的CSS圆角效果.rar百度百科里的CSS圆角效果.rar百度百科里的CSS圆角效果.rar
提取自百度有啊的css圆角效果
CSS圆角效果(无背景图片)。。。。。。
纯CSS圆角效果纯CSS圆角效果纯CSS圆角效果
一款经典的DIV+CSS实现的圆角效果
css圆角效果示范,非常简单的例子,教你如何实现圆角
css圆角效果</title> <meta http-equiv=”content-type” content=”text/html; charset=gb2312″> <style type=”text/css”> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{...
css圆角效果大家注意下图片,其实就是利用图片+css实现
内容索引:脚本资源,CSS特效,CSS圆角特效 CSS圆角效果,看着很舒服,CSS+JS相结合打造出的效果,没有用到任何背景图片。只要引入一个JS文件,就可以无限制的使用这种效果了。
css圆角提示框是一款纯HTML CSS实现的圆角提示框效果,兼容所有浏览器。 css圆角提示框演示图:
用js实现css3效果的圆角方法,代码简洁方便,效果很不错,跟大家分享一下!!
css3圆角效果,能使网页做的更有个性。
简洁的css特效,无需添加任何图片,方便引用,完美的css圆角特效
css图片圆角处理代码JS脚本代码处理图片圆角效果
css实现圆角效果,写的很详细 很不错
-webkit-border-radius:苹果;...border-radius:用这个属性能实现圆角边框的效果。 现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码: 复制代码代码如下: <div style=”bac
div+css实现圆角导航菜单的效果。
用CSS实现无图片圆角效果!里面有好几种哦!
NULL 博文链接:https://leadtheway.iteye.com/blog/626344