全兼容的圆角特效代码,JS代码库,德仔网

代码语言

代码分类

【JS】全兼容的圆角特效

作者:泳臻 / 发布于2015/11/12/ 528


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>CSS打造全兼容的圆角效果</title>
	<style type="text/css">
	* {padding:0; margin:0;}
	body {background:#fff;}
	.yuanjiao {background:#06c url(http://www.daimajiayuan.com/images/20110722/topl.gif) no-repeat; width:380px; margin:0 auto;text-align: left; margin-top:60px;}
	.yuanjiao dt{background:transparent url(http://www.daimajiayuan.com/images/20110722/topr.gif) 100% 0 no-repeat; text-align:center; color:#fff; line-height:30px; font-weight:bold; font-size: 14px;}
	.yuanjiao dd{background:#DCEAFC url(http://www.daimajiayuan.com/images/20110722/botl.gif) 0 100% no-repeat; padding:0; margin:0;}
	.yuanjiao p{padding: .8em;}
	.yuanjiao p.last{background:transparent url(http://www.daimajiayuan.com/images/20110722/botr.gif) 100% 100% no-repeat; line-height:22px; font-size: 12px;}
	a {color:#06c;}
	a:hover {color:#00f;}
	</style>
	</head>
	<body>
	<dl class="yuanjiao">
	<dt>自定义的CSS列表圆角</dt>
	<dd>
	<p class="last">这个超漂亮的CSS圆角，用在你的网页一定很好看，为您增色不少。。。不是么？
	</dd>
	</dl>
	</body>
	</html>

	<hr> 收集于互联网，只为兴趣与学习交流，不作商业用途。</font>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　圆角特效　

同语言下

可能有用的

泳臻贡献的其它代码(24)