⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 style.css

📁 一个已经成形的打折网站,只要添加图片就可以上线运行了
💻 CSS
📖 第 1 页 / 共 3 页
字号:
 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	BACKGROUND: #fff; FONT: 14px/150% "宋体", "新宋体", Arial; COLOR: #333; TEXT-ALIGN: center
}
A {
	CURSOR: pointer; COLOR: #0000cb
}
A:hover {
	TEXT-DECORATION: underline
}
P {
	TEXT-INDENT: 24px; TEXT-ALIGN: left
}
TABLE {
	BORDER-COLLAPSE: collapse
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px
}
INPUT {
	FONT-SIZE: 12px; VERTICAL-ALIGN: middle
}
TEXTAREA {
	FONT-SIZE: 12px; VERTICAL-ALIGN: middle
}
SELECT {
	FONT-SIZE: 12px; VERTICAL-ALIGN: middle
}
SELECT {
	HEIGHT: 20px
}
SELECT.text {
	HEIGHT: 20px
}
UL LI {
	LIST-STYLE-TYPE: none
}
EM {
	FONT-STYLE: normal
}
I {
	FONT-STYLE: normal
}
I {
	MARGIN: 0px 5px; COLOR: red
}
EM {
	COLOR: #1e77d3
}
HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px auto; WIDTH: 98%; COLOR: #fff; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
FIELDSET HR {
	BACKGROUND: #ededed; COLOR: #ededed; LINE-HEIGHT: 0px
}
IFRAME {
	DISPLAY: block; MARGIN: 0px auto
}
.red {
	COLOR: #ff1819
}
.letterSpace {
	DISPLAY: block; FLOAT: left
}
.letterSpace:first-letter {
	MARGIN-RIGHT: 1em
}
#wrapper {
	MARGIN: 0px auto; WIDTH: 760px; POSITION: relative
}
#header {
	CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; PADDING-TOP: 10px; HEIGHT: 35px
}
#homeBody #header {
	BACKGROUND: url(http://images.163.com/urs3/img/happyNewYear.jpg) no-repeat 75% 0px; POSITION: relative
}
H1 {
	FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 199px; HEIGHT: 35px
}
H1 A {
	DISPLAY: block; WIDTH: 100%; HEIGHT: 100%
}
#header SPAN {
	DISPLAY: block; FLOAT: right; WIDTH: 166px
}
#header SPAN A {
	DISPLAY: block; WIDTH: 45px; TEXT-INDENT: 17px; MARGIN-RIGHT: 5px; HEIGHT: 18px
}
#header SPAN A#urs {
	WIDTH: 59px; MARGIN-RIGHT: 5px
}
#header SPAN A#help {
	MARGIN-RIGHT: 0px
}
#netease {
	BACKGROUND: url(http://images.163.com/urs3/img/sign.gif) no-repeat 0px 0px; FLOAT: left; VISIBILITY: hidden
}
#urs {
	BACKGROUND: url(http://images.163.com/urs3/img/sign.gif) no-repeat 0px -32px; FLOAT: left; VISIBILITY: hidden
}
#help {
	BACKGROUND: url(http://images.163.com/urs3/img/sign.gif) no-repeat 0px -63px; FLOAT: left
}
#header A {
	COLOR: #0000cb
}
#content {
	CLEAR: both; LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 60px; TEXT-ALIGN: left
}
.topArc {
	BORDER-TOP: #656565 1px solid; HEIGHT: 6px
}
.bottomArc {
	BORDER-BOTTOM: #656565 1px solid; HEIGHT: 6px
}
.topArc SPAN {
	DISPLAY: block; WIDTH: 100%; POSITION: relative; HEIGHT: 6px
}
.bottomArc SPAN {
	DISPLAY: block; WIDTH: 100%; POSITION: relative; HEIGHT: 6px
}
.topArc .left {
	BACKGROUND: url(http://images.163.com/urs3/img/arc.gif) no-repeat 0px 0px; LEFT: -1px; TOP: -1px
}
.topArc .right {
	RIGHT: -2px; BACKGROUND: url(http://images.163.com/urs3/img/arc.gif) no-repeat 100% -6px
}
.bottomArc .left {
	BACKGROUND: url(http://images.163.com/urs3/img/arc.gif) no-repeat 0px -12px; LEFT: -1px; BOTTOM: -1px
}
.bottomArc .right {
	RIGHT: -2px; BACKGROUND: url(http://images.163.com/urs3/img/arc.gif) no-repeat 100% -18px
}
FORM SPAN {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #f00; PADDING-TOP: 2px
}
FORM SPAN I {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #0000cb; PADDING-TOP: 0px; FONT-STYLE: normal
}
.form TABLE {
	MARGIN: 10px auto; WIDTH: 98%
}
.form TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: left
}
.form TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: left
}
.form TH {
	FONT-WEIGHT: normal; WIDTH: 112px; TEXT-ALIGN: right
}
.text {
	WIDTH: 160px; HEIGHT: 17px
}
.area {
	WIDTH: 160px; HEIGHT: 90px
}
.form .text {
	WIDTH: 140px
}
.form .select {
	WIDTH: 100px
}
#confirmBtn {
	BACKGROUND: #e0e0de; MARGIN: 10px; WIDTH: 80px; LETTER-SPACING: 5px; HEIGHT: 28px
}
#backBtn {
	BACKGROUND: #e0e0de; MARGIN: 10px; WIDTH: 80px; LETTER-SPACING: 5px; HEIGHT: 28px
}
.input {
	FONT-SIZE: 12px; WIDTH: 290px
}
.form .input {
	WIDTH: 250px
}
.input SPAN {
	DISPLAY: block; MARGIN: 0px; LINE-HEIGHT: 120%
}
.input .clear {
	DISPLAY: inline
}
.desc {
	FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 120%
}
.hr {
	BACKGROUND: #ededed; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 95%; HEIGHT: 1px
}
.form .chgMode TH {
	WIDTH: 30px; COLOR: #fff
}
.form .hr {
	WIDTH: 90%
}
.form H4.chg {
	MARGIN-LEFT: 8px; TEXT-INDENT: 0px
}
.form H4 INPUT {
	MARGIN-RIGHT: 3px
}
.form #address {
	WIDTH: 89%
}
#loginBtn {
	CURSOR: pointer
}
#confirm {
	CURSOR: pointer
}
#checkUsername {
	CURSOR: pointer
}
#refreshRandomNo {
	CURSOR: pointer
}
#mainContent TABLE.personInfo TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; WIDTH: 18%; PADDING-TOP: 2px
}
#mainContent TABLE.personInfo TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; WIDTH: 31%; PADDING-TOP: 2px
}
.personInfo SPAN {
	FONT-SIZE: 12px
}
.personInfo .select {
	WIDTH: 80px
}
.personInfo #address {
	WIDTH: 80%
}
.inputFocus {
	BACKGROUND: #cf9
}
.inputError {
	BACKGROUND: #f00
}
#fReg0 #confirm {
	MARGIN-LEFT: 270px
}
#fReg1 #confirm {
	MARGIN-LEFT: 270px
}
#fRecoverPwd #confirm {
	MARGIN-LEFT: 270px
}
#fGameUserInfo #confirm {
	MARGIN-LEFT: 270px
}
#fReg0 TH {
	VERTICAL-ALIGN: top; PADDING-TOP: 10px
}
#fReg1 TH {
	VERTICAL-ALIGN: top; PADDING-TOP: 10px
}
#fReg0 .input {
	
}
#fReg1 TH {
	PADDING-TOP: 2px
}
#fChgpwd #confirm {
	WIDTH: 80px
}
#fQuery #confirm {
	WIDTH: 80px
}
#fChginfo0 #confirm {
	WIDTH: 80px
}
#fLock #confirm {
	WIDTH: 80px
}
#fByqa0 #confirm {
	WIDTH: 80px
}
#fByqa1 #confirm {
	WIDTH: 80px
}
#fBypingma #confirm {
	WIDTH: 80px
}
#fBymail #confirm {
	WIDTH: 80px
}
#fChginfo1 .confirm {
	TEXT-ALIGN: left
}
#fChginfo1 #confirm {
	MARGIN-LEFT: 130px; WIDTH: 80px
}
#fLogin #confirm {
	FONT-WEIGHT: bold; BACKGROUND: #e0e0de; MARGIN-LEFT: 0px; WIDTH: 80px; HEIGHT: 28px; TEXT-ALIGN: center
}
#fLoginErr #confirm {
	FONT-WEIGHT: bold; BACKGROUND: #e0e0de; MARGIN-LEFT: 0px; WIDTH: 80px; HEIGHT: 28px; TEXT-ALIGN: center
}
#user {
	MARGIN: -10px 0px 10px; COLOR: #1e77d3
}
#user TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; WIDTH: 150px; PADDING-TOP: 1px; TEXT-ALIGN: right
}
#user TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#byTsBody .form TH {
	WIDTH: 150px
}
#fByqa1 #refreshRandomNo {
	WIDTH: 80px
}
#fBypingma #refreshRandomNo {
	WIDTH: 80px
}
.desc1 {
	WIDTH: 80px
}
.desc I {
	MARGIN: 0px
}
.phone DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 25px 0px 0px; WIDTH: 44%; PADDING-TOP: 0px
}
.phone STRONG {
	FONT-WEIGHT: normal; COLOR: #0000cd
}
.phone .desc {
	FLOAT: right; MARGIN: 0px; WIDTH: 55%
}
#myQuestion {
	DISPLAY: none
}
.show#myQuestion {
	DISPLAY: inline
}
#container .form {
	TEXT-ALIGN: center
}
#container .form .chgMode TH {
	WIDTH: 155px
}
#container .form TABLE {
	MARGIN: 5px auto; WIDTH: 98%
}
#container .form TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: left
}
#container .form TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: left
}
#container .form TH {
	FONT-WEIGHT: normal; WIDTH: 240px; TEXT-ALIGN: right
}
#container .form .input {
	PADDING-LEFT: 10px; WIDTH: 260px
}
#container .form .text {
	WIDTH: 160px
}
#container #mainContent {
	MIN-HEIGHT: 200px
}
#sidebar {
	FLOAT: left; MARGIN: 0px 10px; WIDTH: 240px
}
#sidebar DT {
	BORDER-RIGHT: #656565 1px solid; BACKGROUND: #f8f8f8; BORDER-LEFT: #656565 1px solid
}
#sidebar DD {
	BORDER-RIGHT: #656565 1px solid; BACKGROUND: #f8f8f8; BORDER-LEFT: #656565 1px solid
}
#sidebar .title {
	FONT-WEIGHT: bold; TEXT-INDENT: 15px; LINE-HEIGHT: 200%
}
#sidebar HR {
	BACKGROUND: #999; WIDTH: 90%
}
#login TABLE {
	WIDTH: 100%
}
#login TH {
	FONT-WEIGHT: normal; WIDTH: 24%; TEXT-INDENT: 15px
}
#login TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
#login #username {
	WIDTH: 128px; MARGIN-RIGHT: 0px; HEIGHT: 16px
}
#login #password {
	WIDTH: 128px; MARGIN-RIGHT: 0px; HEIGHT: 16px
}
#login SPAN {
	PADDING-LEFT: 1px; FONT-SIZE: 12px
}
#loginBtn {
	FONT-WEIGHT: bold; BACKGROUND: #e0e0de; WIDTH: 80px; HEIGHT: 28px; TEXT-ALIGN: center
}
#login A {
	COLOR: #333

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -