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