如何图片中怎么加一条线，那位大神知道 求指教。
。。。。。
FL丿
2016-10-16
1 回答
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/www.css" />
</head>
<body>
<div class="banner">
<div class="v-aling">
<div class="v-aling-con">
<h1 class="name">王小窝</h1>
<p>爱吃的孩子都是好孩子</p>
<a href="#" class="btn">了解我</a>
</div>
</div>
</div>
</body>
<head>
</html>
css。。。。。。。。。。。。。。
.v-aling{display: table;height: 100%;width: 100%; }
.v-aling-con{display:table-cell;vertical-align:middle;}
.banner{
background:red url(../image/bg.jpg) round;）
background-attachment:fixed;
height:700px;
text-align: center;
letter-spacing: 10px;
color: #fff
}
.banner .btn{
color: purple;
text-decoration: none;
display: inline-block;padding: 12px 20px;background-color: red;color: #fff
}
.banner .name{
display: inline-block; border-top:2px solid #fff;border-bottom:2px solid #fff;line-height: 100%;padding: 12px 0
}
举报
0/150
提交
取消
