哈喽,大家好,我们又见面了
下面是小编带给大家的既好看又实用的网站(html)代码模板,大家看看吧!
<html>
<head>
<meta name="code-stutio" content="code-123" />
</head>
<meta charset="utf-8">
<title>My...</title>
<style>
.a {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
.b {
overflow: hidden;
color:#f2f2f2;
background-color: rgb(72,72,72);
}
.b a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.b a:hover {
background-color: #ddd;
color: black;
}
.f {
overflow: hidden;
color:#f2f2f2;
background-color: gray;
height:740px;
text-align:center;
width:188px;
float:right;
}
.f a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 10px 70px;
text-decoration: none;
}
.f a:hover {
background-color: #ddd;
color: black;
}
.c {
line-height:30px;
background-color:gray;
color:white;
height:700px;
width:104px;
float:left;
padding:20px;
}
.d {
width:350px;
float:left;
padding:10px;
}
.e {
background-color:rgb(40,40,40);
color:rgb(200,200,200);
clear:both;
text-align:center;
padding:1px;
}
.e a {
color: rgb(200,200,200);
padding: 0px 0px;
text-decoration: none;
}
.e a:hover {
color: rgb(250,250,250);