.foot {
font-size: 13px;
}
.zuoshang {
position: absolute;
top: 20px;
left: 17px;
text-decoration: none;
}
.youshang {
position: absolute;
top: 20px;
right: 30px;
}
.head a {
text-decoration: none;
color: black;
cursor: pointer;
< !--xiao shou-->
}
.head a:hover {
color: rgb(110, 110, 231);
}
.body {
text-align: center;
position: relative;
}
img {
height: 130px;
margin-top: 113px;
margin-right: 13px;
cursor: pointer;
}
.text {
width: 545px;
height: 40px;
position: absolute;
margin: 15px -335px;
border-radius: 10px 0 0 10px;
border-color: rgb(0, 102, 255);
}
.submit {
width: 108px;
height: 44px;
color: white;
background-color: rgb(55, 97, 224);
cursor: pointer;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 262px 923px;
border-radius: 0 10px 10px 0;
font-size: 17px;
}
< !--调节百度按钮-->.submit:hover {
background-color: rgb(0, 89, 205);
}
.foot_left {
position: absolute;
bottom: 15px;
left: 25px;
}
.foot_right {
position: absolute;
bottom: 20px;
right: 20px;
color: gray;
}
.foot a {
color: gray;
text-decoration: 30px;
}
.foot a:hover {
color: black;
}
上面是css部分
下面是完整源代码
百度一下,你就知道.foot {
font-size: 13px;
}
.zuoshang {
position: absolute;
top: 20px;
left: 17px;
text-decoration: none;
}
.youshang {
position: absolute;
top: 20px;
right: 30px;
}
.head a {
text-decoration: none;
color: black;
cursor: pointer;
< !--xiao shou-->
}
.head a:hover {
color: rgb(110, 110, 231);
}
.body {
text-align: center;
position: relative;
}
img {
height: 130px;
margin-top: 113px;
margin-right: 13px;
cursor: pointer;
}
.text {
width: 545px;
height: 40px;
position: absolute;
margin: 15px -335px;
border-radius: 10px 0 0 10px;
border-color: rgb(0, 102, 255);
}
.submit {
width: 108px;
height: 44px;
color: white;
background-color: rgb(55, 97, 224);
cursor: pointer;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 262px 923px;
border-radius: 0 10px 10px 0;
font-size: 17px;
}
< !--调节百度按钮-->.submit:hover {
background-color: rgb(0, 89, 205);
}
.foot_left {
position: absolute;
bottom: 15px;
left: 25px;
}
.foot_right {
position: absolute;
bottom: 20px;
right: 20px;
color: gray;
}
.foot a {
color: gray;
text-decoration: 30px;
}
.foot a:hover {
color: black;
}
下面是效果图
水平有限,仅供参考