Commit 3625dc21 authored by HuangJunbo's avatar HuangJunbo 💻 Committed by Administrator

css_main小修改

Signed-off-by: Administrator's avatarAdministrator <admin@example.com>
parent 5126e961
body{ body {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
background-color: #F5F5F5; background-color: #F5F5F5;
} }
a{
a {
text-decoration: none; text-decoration: none;
} }
.logo{
.logo {
width: 300px; width: 300px;
position: relative; position: relative;
left: 100px; left: 100px;
top: 30px; top: 30px;
} }
.searchform{
.searchform {
width: 500px; width: 500px;
position: relative; position: relative;
left: 380px; left: 380px;
top: -25px; top: -25px;
} }
#search{
#search {
border: 2px #C40000 solid; border: 2px #C40000 solid;
left: 405px; left: 405px;
height: 29px; height: 29px;
font-size: medium; font-size: medium;
} }
#button{
#button {
width: 108px; width: 108px;
height: 35px; height: 35px;
background-color: #C40000; background-color: #C40000;
...@@ -35,38 +40,58 @@ a{ ...@@ -35,38 +40,58 @@ a{
font-family: "times new roman"; font-family: "times new roman";
border: 3px #C40000 solid; border: 3px #C40000 solid;
} }
navigation{
navigation {
width: 550px; width: 550px;
position: relative; position: relative;
left: 380px; left: 380px;
top: -20px; top: -20px;
color: #E6E6E6; color: #E6E6E6;
} }
.navigation a:link{color: #9A9A9A;}
.navigation a:link{color: #9A9A9A;} .navigation a:link {
.navigation a:link{color: #9A9A9A;} color: #9A9A9A;
.navigation a:link{color: #9A9A9A;} }
.nav{
.navigation a:link {
color: #9A9A9A;
}
.navigation a:link {
color: #9A9A9A;
}
.navigation a:link {
color: #9A9A9A;
}
.nav {
background-color: #C40000; background-color: #C40000;
width: 200px; width: 200px;
font-size: medium; font-size: medium;
font-family: "times new roman"; font-family: "times new roman";
border: 3px #C40000 solid; position: relative;
left: 100px;
border: 2px #C40000 solid;
} }
.nav a{
.nav a {
position: relative; position: relative;
top: -10px; top: -10px;
} }
.tag ul, .tag ul li{
.tag ul, .tag ul li {
height: 445px; height: 445px;
list-style-type: none; list-style-type: none;
text-align: center; text-align: center;
} }
.tag ul li{
.tag ul li {
width: 100px; width: 100px;
float: left; float: left;
} }
.tag{
.tag {
width: 900px; width: 900px;
height: 100px; height: 100px;
position: relative; position: relative;
...@@ -74,16 +99,19 @@ navigation{ ...@@ -74,16 +99,19 @@ navigation{
top: -48px; top: -48px;
z-index: 1; z-index: 1;
} }
footer{
footer {
width: 100%; width: 100%;
height: 200px; height: 200px;
position: relative; position: relative;
background-color: #333333; background-color: #333333;
} }
.link{
.link {
width: 100%; width: 100%;
} }
.link li{
.link li {
list-style-type: none; list-style-type: none;
width: 130px; width: 130px;
position: relative; position: relative;
...@@ -91,92 +119,129 @@ footer{ ...@@ -91,92 +119,129 @@ footer{
top: 20px; top: 20px;
float: left; float: left;
} }
link li a:link{color: #FCF3F3;}
link li a:visited{color: #FCF3F3;} link li a:link {
link li a:hover{color: #FCF3F3;} color: #FCF3F3;
link li a:active{color: #FCF3F3;} }
copyright p{
link li a:visited {
color: #FCF3F3;
}
link li a:hover {
color: #FCF3F3;
}
link li a:active {
color: #FCF3F3;
}
copyright p {
color: #EEEEEE; color: #EEEEEE;
font-size: x-small; font-size: x-small;
position: absolute; position: absolute;
left: 50px; left: 50px;
top: 50px; top: 50px;
} }
/*表单外层样式*/ /*表单外层样式*/
form{ form {
margin-left: 1%; margin-left: 1%;
font-size: large; font-size: large;
text-align: center; text-align: center;
width: 98%; width: 98%;
color: #3c3c3c; color: #3c3c3c;
} }
/*文本框元素样式 添加input标签样式*/ /*文本框元素样式 添加input标签样式*/
input{ input {
border:2px #C40000 solid; border: 2px #C40000 solid;
width:200px; width: 200px;
height:29px; height: 29px;
margin:20px 0px; margin: 20px 0px;
font-size:medium;} font-size: medium;
}
/*添加textarea标签样式*/ /*添加textarea标签样式*/
textarea{ textarea {
resize:none; resize: none;
border: 2px #C40000 solid; border: 2px #C40000 solid;
max-width: 80%; max-width: 80%;
margin:20px 0px; margin: 20px 0px;
font-size: medium;} font-size: medium;
}
/*按钮元素样式 */ /*按钮元素样式 */
.submit{ .submit {
width:110px; width: 110px;
height: 35px; height: 35px;
background-color: #C40000; background-color: #C40000;
color: #FFFFFF; color: #FFFFFF;
font-size: medium; font-size: medium;
font-family:"times new roman"; font-family: "times new roman";
border:1px #C40000 solid; border: 1px #C40000 solid;
margin:10px; margin: 10px;
position:relative; position: relative;
top: 25px; top: 25px;
} }
/*侧边栏最外层样式 */ /*侧边栏最外层样式 */
aside{ aside {
width:15%; width: 15%;
height: 560px; height: 560px;
border: 1px solid #C40000; border: 1px solid #C40000;
background-color: #C40000; background-color: #C40000;
} }
/*.侧边栏列表元素样式 (1) 去除无序列表黑点。 /*.侧边栏列表元素样式 (1) 去除无序列表黑点。
(2)设定宽度。 (2)设定宽度。
(3)设定内边距。*/ (3)设定内边距。*/
aside ul li{ aside ul li {
list-style-type:none; list-style-type: none;
width: 100px; width: 100px;
padding: 15px; padding: 15px;
} }
/*.侧边栏超链接元素样式 /*.侧边栏超链接元素样式
用伪类设置超链接不同状态时颜色不同*/ 用伪类设置超链接不同状态时颜色不同*/
aside ul li a:link {color: #FCF3F3} aside ul li a:link {
aside ul li a:visited {color: #FCF3F3} color: #FCF3F3
aside ul li a:hover {color: #F10214} }
aside ul li a:active {color: #FCE3F3}
/*表格每行样式 aside ul li a:visited {
color: #FCF3F3
}
aside ul li a:hover {
color: #F10214
}
aside ul li a:active {
color: #FCE3F3
}
/*表格每行样式
*/ */
table tr{ table tr {
height: 40px; height: 40px;
} }
/*表头样式添加<input>标签*/ /*表头样式添加<input>标签*/
tr th{ tr th {
background-color: #FFF2E8; background-color: #FFF2E8;
font-family: "微软雅黑"; font-family: "微软雅黑";
font-size: 15px; font-size: 15px;
} }
/*文本框样式*/ /*文本框样式*/
tr td{ tr td {
width: 15%; width: 15%;
font-family: "宋体"; font-family: "宋体";
font-size: 15px; font-size: 15px;
} }
/*按钮样式*/ /*按钮样式*/
table td a{ table td a {
padding: 2px 5px; padding: 2px 5px;
text-decoration: none; text-decoration: none;
font-family: "微软雅黑"; font-family: "微软雅黑";
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<li><a href="#">版权声明</a></li> <li><a href="#">版权声明</a></li>
</ul> </ul>
<div class="copyright"> <div class="copyright">
<p>Copyright&copy;uuo00n</p> <p>Copyright&copy;uuo00n-team</p>
</div> </div>
</div> </div>
</footer> </footer>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment