2px圆角

是的,我们不得不去做圆角,虽然这是一种及其无聊的事情.

以前提到过一个网站,可以做纯html圆角

http://zsp.iteye.com/blog/227127

但是,这种圆角每一种背景色都要生成不同的html代码,很麻烦

于是,我发扬拿来主义,抠出了一个用2px gif遮蔽做出的圆角

这样不同的背景色就可以用同一套代码了,想要更大的圆角也简单,让美工把遮蔽图做大一点就是.

代码如下,下载见附件

_____________________________________________________________

<style>
.corner_tl{background:url(corner_tl.gif) no-repeat;}
.corner_br{background:url(corner_br.gif) no-repeat 100% 100%;}
.corner_tr{background:url(corner_tr.gif) no-repeat 100% 0;}
.corner_bl{background:url(corner_bl.gif) no-repeat 0 100%;}
</style>

<div style="margin:auto;width:10em;">

<div style="background-color:#eef;" class="corner_tl">
<div class="corner_tr">
<div class="corner_bl">
<div class="corner_br">

<p style="padding:1em;">zsp007@gmail.com</p>


</div></div></div></div>