Skip to content

web_flea_market
web_flea_market
Commit 76ef075a authored by HuangJunbo's avatar HuangJunbo 💻 Committed by Administrator
Browse files
Options

css_main样式修改 

Signed-off-by: Administrator's avatarAdministrator <admin@example.com>
parent f318d02f
Hide whitespace changes
Inline Side-by-side
Showing with 138 additions and 251 deletions
flea_market/css/main.css
View file @ 76ef075a
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: 550px;
position: relative; position: relative;
left: 380px; left: 380px;
top: -25px; top: -25px;
}
}
#search {
border: 2px #C40000 solid; #search {
left: 405px; border: 2px #C40000 solid;
height: 29px; width: 405px;
font-size: medium; height: 29px;
} font-size: medium;
}
#button {
width: 108px; #button {
height: 35px; width: 108px;
background-color: #C40000; height: 35px;
color: #FFFFFF; background-color: #C40000;
position: relative; color: #FFFFFF;
left: -5px; position: relative;
font-size: medium; left: -5px;
font-family: "times new roman"; font-size: medium;
border: 3px #C40000 solid; font-family: "times new roman";
} border: 3px #C40000 solid;
}
navigation {
width: 550px; .navigation {
position: relative; width: 500px;
left: 380px; position: relative;
top: -20px; left: 380px;
color: #E6E6E6; top: -20px;
} color: #E6E6E6;
}
.navigation a:link {
color: #9A9A9A; .navigation a:link {
} color: #9A9A9A
}
.navigation a:link {
color: #9A9A9A; .navigation a:visited {
} color: #9A9A9A
}
.navigation a:link {
color: #9A9A9A; .navigation a:hover {
} color: #FF0000
}
.navigation a:link {
color: #9A9A9A; .navigation a:active {
} color: #9A9A9A
}
.nav {
background-color: #C40000; .nav {
width: 200px; background-color: #C40000;
font-size: medium; width: 200px;
font-family: "times new roman"; font-size: medium;
position: relative; font-family: "times new roman";
left: 100px; position: relative;
border: 2px #C40000 solid; left: 100px;
} border: 2px #C40000 solid;
}
.nav a {
position: relative; .nav a {
top: -10px; position: relative;
} top: -10px;
}
.tag ul, .tag ul li {
height: 445px; .tag ul, .tag ul li {
list-style-type: none; height: 45px;
text-align: center; list-style-type: none;
} text-align: center;
}
.tag ul li {
width: 100px; .tag ul li {
float: left; width: 100px;
} float: left;
}
.tag {
width: 900px; .tag {
height: 100px; width: 900px;
position: relative; height: 100%;
left: 260px; position: relative;
top: -48px; left: 260px;
z-index: 1; top: -48px;
} z-index: 1;
}
footer {
width: 100%; footer {
height: 200px; width: 100%;
position: relative; height: 220px;
background-color: #333333; position: relative;
} background-color: #333333;
}
.link {
width: 100%; .link {
} width: 100%;
}
.link li {
list-style-type: none; .link li {
width: 130px; list-style-type: none;
position: relative; width: 130px;
left: 50px; position: relative;
top: 20px; left: 50px;
float: left; top: 20px;
} float: left;
}
link li a:link {
color: #FCF3F3; link li a:link {
} color: #FCF3F3
}
link li a:visited {
color: #FCF3F3; link li a:visited {
} color: #FCF3F3
}
link li a:hover {
color: #FCF3F3; link li a:hover {
} color: #102114
}
link li a:active {
color: #FCF3F3; link li a:active {
} color: #FCF3F3
}
copyright p {
color: #EEEEEE;
font-size: x-small;
position: absolute;
left: 50px;
top: 50px;
}
/*表单外层样式*/
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;
}
/*添加textarea标签样式*/
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;
}
/*侧边栏最外层样式 */
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 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 {
height: 40px;
}
/*表头样式添加<input>标签*/
tr th {
background-color: #FFF2E8;
font-family: "微软雅黑";
font-size: 15px;
}
/*文本框样式*/
tr td {
width: 15%;
font-family: "宋体";
font-size: 15px;
}
/*按钮样式*/
table td a {
padding: 2px 5px;
text-decoration: none;
font-family: "微软雅黑";
background-color: #C40000;
border-radius: 2px;
font-style: normal;
}
\ No newline at end of file
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