纯css解决方案的网站地址 http://www.spiffycorners.com/
在如上的页面里面可以选择颜色来生成如下代码:
<style type="text/css">
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#56E69E}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #b0eecf;
border-right:1px solid #b0eecf;
background:#7de9b3}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #e5f3ec;
border-right:1px solid #e5f3ec;
background:#74e8ae}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #74e8ae;
border-right:1px solid #74e8ae;}
.spiffy4{
border-left:1px solid #b0eecf;
border-right:1px solid #b0eecf}
.spiffy5{
border-left:1px solid #7de9b3;
border-right:1px solid #7de9b3}
.spiffyfg{
background:#56E69E}
</style>
<div>
<b class="spiffy">
<b class="spiffy1"><b></b></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy3"></b>
<b class="spiffy4"></b>
<b class="spiffy5"></b></b>
<div class="spiffyfg">
<!-- content goes here -->
</div>
<b class="spiffy">
<b class="spiffy5"></b>
<b class="spiffy4"></b>
<b class="spiffy3"></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy1"><b></b></b></b>
</div>
- 大小: 9.8 KB
分享到:
相关推荐
七种经典的CSS圆角框解决方案,各自有各自的优缺点,总有一种让你喜欢,
div css圆角代码各种圆角表格_圆角边框css圆角
css+div漂亮的圆角tab选项卡css+div漂亮的圆角tab选项卡css+div漂亮的圆角tab选项卡
用css+div写的带圆角的窗口
div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角 div+css 可伸缩的圆角
没有用任何的DIV嵌套,就单独一个DIV,纯CSS控制,无任何JS代码,在火狐下面圆角
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
纯css实现div圆角,代码简单易懂,没有js那么麻烦,缺点是效果有点小缺憾
纯css圆角.rar 纯css圆角.rar 纯css圆角.rar 纯css圆角.rar
css3圆角 非常简单,好用,兼容性好,本人空间有html5的中文手册,还有很多关于编程的资料,欢迎下载啊
纯CSS实现div弹出对话框 可以应用于C#,.net 里面。 页面比较好看。
CSS圆角有立体感的DIV边框! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
css圆角css圆角css圆角css圆角css圆角css圆角css圆角css圆角css圆角css圆角
CSS 圆角 简单 CSS 圆角 简单 CSS 圆角 简单 CSS 圆角 简单
纯CSS圆角效果纯CSS圆角效果纯CSS圆角效果
纯css标题框圆角代码;一般的都是用图片实现,这个是纯css制作
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
css圆角边框css圆角边框css圆角边框css圆角边框css圆角边框
用div+css实现边框圆角,其实实现div圆角,有三种方法,也可以用圆角片来实现,还有一种技术,现在浏览器还不是很支持。
DIV+CSS IE圆角,让IE也能支持圆角