无图片CSS圆角的五个实例（5）
来源：52css.com 发布时间：2008-08-02 12:18:00
标签：圆角,图片,css
五、反向css圆角
CSS代码：
background: transparent; width:40％;
}
.serif h1, .serif p {
margin:0 10px;
}
.serif h1 {
font-size:2em; color:#fff;
}
.serif p {
padding-bottom:0.5em;
}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {
display:block;
overflow:hidden;
font-size:1px;
}
.serif .b1, .serif .b2, .serif .b3 {
height:1px;
}
.serif .b2, .serif .b3 {
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.serif .b4 {
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.serif .b1 {
margin:0; background:#fff;
}
.serif .b2 {
margin:0 1px;
border-width:0 2px;
}
.serif .b3 {
margin:0 3px;
}
.serif .b4 {
height:2px;
margin:0 4px;
}
.serif .boxcontent {
display:block;
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin:0 5px;
}
XHTML代码：
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="boxcontent">
<h1>反向css圆角矩形 - www.52css.com </h1>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>
0
投稿猜你喜欢
- 当一张的数据达到几百万时，你查询一次所花的时间会变多，如果有联合查询的话，我想有可能会死在那儿了。分表的目的就在于此，减小数据库的负担，缩短
由于个人能力有限，文章中难免会出现错误或遗漏的地方，敬请谅解！同时欢迎你指出，以便我能及时修改，以免误导下一个看官。最后希望本文能给你带来一- 购物车的设计目标 从程序员的观点来看，购物车是维护购物者商品选购、允许察看、允许修改的一个对象。购物车本身是一个非常简单的程序，但开发者要考
- 守来说，AJAX在现在是热得不能再热的技术。没有人能否认，它拥有大批的支持者。在CNN上，它从二月份的一个不被看好的词语到十月份成长成一个初
- 在自己的网站主页上增加社会化分享按钮，是有效提高自己网站流量的一种方法。今天我在无争围棋网上增加了社会化按钮，根据我个人的习惯，我选择了豆瓣
- 代码如下: public function fillzero(l1) if len(l1)=1 then fillzero="0&
- 在SQL Server中进行开发会让你身处险地，并且寻找快速解决方案。我们编辑了前十名关于SQL Server开发的常见问题。对常见的针对表
- 在用户体验量化方法研究（一）中，我们以用户体验层次模型为基础，提出了三种量化用户体验的方法：以任务为中心、以行为为中心以及以体验为中心的量化
- 我们工作中经常需要将数据转化成柱状图，饼图等，以方便直观的分析数据， 这里给大家介绍一个ASP中制作饼图、柱状图的组件：csDra
- 最近在做学院的选课系统时，在分页上被卡壳了一下，因为需要用到排序，所以不能像以前一样用一个自动递增的字段作为主键，然后仅仅是对这个主键来做统
- 根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。1、十六进制的颜色值对位数与大
- 很多网友在经典论坛里说自己的网站为什么色彩上总是有问题，总是看起来没什么精神，没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色
- 今早打开 腾讯ISD的博客 ，看到一篇新的文章，《迷你屋视觉规范简介》，赶紧看了来学习。不过给我抓到问题咯，臭鱼不介意我在这说下吧：这套规范
- MenuEverywhere 是Mac OS X上的一款小程序，前一阵刚为其完成了程序图标设计。© 2011 IconMo
- 序 号前 缀使用的变量/范围或数据类型1a or arrArray2b or blnBoolean3bytByte4
- 页面中header部分一般位于最上端（有时根据需要也会位于某一侧，不管它在页面中的位置如何，在XHTML代码中它总是优于其它元素先加载），内
- 过程名：catch(str) 使用方法： 代码如下:on error resume next '你的代码，如数据库连接 call c
- 一、oracle oracle服务器有Oracle instace 和Oracle database instance有memory str
- 内容摘要：Cookies的值比ASP其他集合（例如Form和ServerVariables）的值要复杂得多。Cookie是一小块由浏览器存贮
- 很多的网站都有记数器，用来记录网站的访问量，这给网站管理员即时了解本网站的运行及访问情况提供了很多的方便。笔者研究过很多用ASP编写的计数器
