<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>滑推门</title>
<style>
/* 左边放左圆角,但padding-left要有*/
a{
margin: 100px;
height: 33px;
display: block;
background:url(../images/left.png) no-repeat left;
color: #fff;
}
/*右边放右圆角,右对齐*/
span{
background: url(../images/right.png) no-repeat right;
}
</style>
</head>
<body>
<a href="">
<span>首页</span> <!-- a和span一定不能给定宽度 -->
</a>
</body>
</html>
<!-- 查看weixin.qq.com 案例 -->
滑推门017
最新推荐文章于 2023-11-07 10:00:09 发布