用css实现圆角效果特效代码

天马祥云 · 发表于 2008-3-3 01:00:05

加入城市，听原创电台，写情感文字，分享你的一切。

您需要登录才可以下载或查看，没有帐号？注册居民

x

运行示例: http://www.webjx.com/htmldata/2006-02-26/1140919204.html

源码:

<html>
<HEAD><TITLE>Nifty Corners: HTML CSS rounded corners</TITLE>
<META http-equiv=content-type content="text/html; charset=iso-8859-1">
<META content="HAPedit 3.1" name=generator>
<STYLE type=text/css>
body{padding: 20px;background-color: #FFF;
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}

h2{font-size: 200%;color: #f0f0f0}

h2{padding-top: 0.3em}
div#nifty{ margin: 0 10%;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 id=nifty>
Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu uaeuueuu eeue ieu.</DIV></BODY>
</html>