CSS滑动门圆角

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>CSS滑动门圆角</title>

<style type="text/css">

.huadong{ width:500px; border:1px solid #ccc;  line-height:50px; padding-top:20px;}

.huadong .title{ width:100px; padding-left:16px; background:url(images/huadong.png) no-repeat 0 0; }

.huadong .hd{ padding-right:16px; background:#fff url(images/huadong.png) no-repeat 100% 0; font-size:14px; color:#333;}



</style>

</head>

<body>

<div>

<div>

<div>

<h2>title</h2>

</div>

</div>

<div></div>

</div>

</body>

</html>


你可能感兴趣的:(CSS滑动门圆角)