表单圆角大法(无JS无图片通杀所有浏览器)

<div class="curvy">
<em id="ctl"><b></b></em>
<em id="cbl"><b></b></em>
<em id="ctr"><b></b></em>
<em id="cbr"><b></b></em>
<div>北京时间2月25日午间消息,谷歌刚刚对搜索算法进行了调整,借此向Demand Media等“内容农场”(Content Farm)宣战。

谷歌搜索工程师艾米特·辛格(Amit Singhal)和马特·卡茨(Matt Cutts)在官方博客中表示,这次算法更新将对约11.8%的搜索结果造成重创,“目的是降低低质量网站的排名,这些网站给用户带来的价值较低,有的从其他网站抄袭内容,还有一些则并未提供非常有用的内容。” “

与此同时,(本次更新)还将为高质量的网站提供更好的排名,包括研究、深入报道和深刻的分析等原创内容。”他们写道。

谷歌并未提及特定的域名,但是消息人士证实,Demand Media和其他“内容农场”将成为本次调整的打击对象。
</div>
</div>
css 代码
<style type="text/css">

.curvy 
{position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr 
{position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl 
{top:0; left:0;}
#cbl 
{bottom:0; left:0;}
#ctr 
{top:0; right:0;}
#cbr 
{bottom:0; right:0;}
.curvy em b 
{position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b 
{left:-8px;}
#ctr b 
{left:-25px;}
#cbl b 
{left:-8px; top:-17px;}
#cbr b 
{left:-25px; top:-17px;}
.curvy div 
{position:relative; z-index:100; padding:10px 15px; font-size:11px;}

</style>
说明:背景色稍微修改下就可以用了,不过要注意修改em的color。
原文地址
posted @ 2011-02-25 22:54  高凡凡高  阅读(437)  评论(0编辑  收藏  举报