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 {
margin: 0px;
padding: 0px;
background-color: #F5F5F5;
}
a {
text-decoration: none;
}
.logo {
width: 300px;
position: relative;
left: 100px;
top: 30px;
}
.searchform {
width: 500px;
position: relative;
left: 380px;
top: -25px;
}
#search {
border: 2px #C40000 solid;
left: 405px;
height: 29px;
font-size: medium;
}
#button {
width: 108px;
height: 35px;
background-color: #C40000;
color: #FFFFFF;
position: relative;
left: -5px;
font-size: medium;
font-family: "times new roman";
border: 3px #C40000 solid;
}
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 {
background-color: #C40000;
width: 200px;
font-size: medium;
font-family: "times new roman";
position: relative;
left: 100px;
border: 2px #C40000 solid;
}
.nav a {
position: relative;
top: -10px;
}
.tag ul, .tag ul li {
height: 445px;
list-style-type: none;
text-align: center;
}
.tag ul li {
width: 100px;
float: left;
}
.tag {
width: 900px;
height: 100px;
position: relative;
left: 260px;
top: -48px;
z-index: 1;
}
footer {
width: 100%;
height: 200px;
position: relative;
background-color: #333333;
}
.link {
width: 100%;
}
.link li {
list-style-type: none;
width: 130px;
position: relative;
left: 50px;
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 {
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
body {
margin: 0px;
padding: 0px;
background-color: #F5F5F5;
}
a {
text-decoration: none;
}
.logo {
width: 300px;
position: relative;
left: 100px;
top: 30px;
}
.searchform {
width: 550px;
position: relative;
left: 380px;
top: -25px;
}
#search {
border: 2px #C40000 solid;
width: 405px;
height: 29px;
font-size: medium;
}
#button {
width: 108px;
height: 35px;
background-color: #C40000;
color: #FFFFFF;
position: relative;
left: -5px;
font-size: medium;
font-family: "times new roman";
border: 3px #C40000 solid;
}
.navigation {
width: 500px;
position: relative;
left: 380px;
top: -20px;
color: #E6E6E6;
}
.navigation a:link {
color: #9A9A9A
}
.navigation a:visited {
color: #9A9A9A
}
.navigation a:hover {
color: #FF0000
}
.navigation a:active {
color: #9A9A9A
}
.nav {
background-color: #C40000;
width: 200px;
font-size: medium;
font-family: "times new roman";
position: relative;
left: 100px;
border: 2px #C40000 solid;
}
.nav a {
position: relative;
top: -10px;
}
.tag ul, .tag ul li {
height: 45px;
list-style-type: none;
text-align: center;
}
.tag ul li {
width: 100px;
float: left;
}
.tag {
width: 900px;
height: 100%;
position: relative;
left: 260px;
top: -48px;
z-index: 1;
}
footer {
width: 100%;
height: 220px;
position: relative;
background-color: #333333;
}
.link {
width: 100%;
}
.link li {
list-style-type: none;
width: 130px;
position: relative;
left: 50px;
top: 20px;
float: left;
}
link li a:link {
color: #FCF3F3
}
link li a:visited {
color: #FCF3F3
}
link li a:hover {
color: #102114
}
link li a:active {
color: #FCF3F3
}
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