成品如下
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>引入页</title>
<link href="css/引入页.css" type="text/css" rel="stylesheet" />
<style>
body{
background-image:url("image/www2.jpg");
background-size:cover;
}
</style>
</head>
<body>
<div class="YR">
<h2>Science is a great treasure house of knowledge accumulated by mankind.</h2>
<h2>科学是人类积累的知识的巨大宝库<br>欢迎你，朋友</h2><br>
<a href="index.html" class="BB"><b>立即探索</b></a>
</div>
</body>
</html>
css
.YR {
width: 550px;
height: 300px;
margin: auto;
margin-top: 200px;
background-color: transparent;
padding: 50px 50px 30px;
box-shadow: 10px 10px 15px black;
text-align: center;
}
.BB {
text-decoration: none;
font-size: larger;
color: #1f4e5f;
}
h2 {
font-family: Courier New;
}
a:hover {
background-color: #f4f7f7;
padding: 10px;
}
背景图片
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
