main.css

ASP 编程中 20 个非常有用的例子

	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 245px; PADDING-TOP: 5px
}
#forum_topic UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 12px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#forum_topic LI {
	LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; MARGIN: 5px; LIST-STYLE-TYPE: square
}
#vote {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BACKGROUND-POSITION: right bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/music_bk.gif); PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 425px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-REPEAT: no-repeat
}
#vote UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 0px
}
#vote LI {
	LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; MARGIN: 5px; LIST-STYLE-TYPE: square
}
#arti_tit {
	PADDING-RIGHT: 3px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 213px; PADDING-TOP: 3px; TEXT-ALIGN: left
}
#arti_tit A:link {
	COLOR: red; TEXT-DECORATION: underline
}
#arti_tit A:visited {
	COLOR: red; TEXT-DECORATION: underline
}
#arti_tit A:hover {
	COLOR: white; BACKGROUND-COLOR: red; TEXT-DECORATION: underline
}
#arti_list {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
#arti_list UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; LINE-HEIGHT: 2; PADDING-TOP: 0px
}
#arti_list LI {
	LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; MARGIN: 5px; LIST-STYLE-TYPE: square
}
#arti_bot {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 8px 0px 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 559px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: right
}
#arti_sub {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 5px 0px; WIDTH: 559px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: #696; TEXT-ALIGN: left
}
#arti_img {
	FLOAT: left; MARGIN: 5px 0px 10px; WIDTH: 559px; TEXT-ALIGN: center
}
#arti_img TABLE {
	TABLE-LAYOUT: fixed; BORDER-COLLAPSE: collapse; TEXT-ALIGN: center
}
#arti_img TD {
	OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
#arti_img_l {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; WIDTH: 300px; PADDING-TOP: 12px; TEXT-ALIGN: left
}
#arti_img_l IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px 8px 5px 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#arti_img_r {
	PADDING-RIGHT: 2px; PADDING-LEFT: 12px; FLOAT: right; PADDING-BOTTOM: 3px; WIDTH: 257px; LINE-HEIGHT: 1.8; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#arti_img_r LI {
	LIST-STYLE-TYPE: square
}
#arti_img_r A:link {
	COLOR: green; TEXT-DECORATION: none
}
#arti_img_r A:visited {
	COLOR: green; TEXT-DECORATION: none
}
#arti_img_r A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
.arti_title {
	FONT-WEIGHT: bold; COLOR: green
}
#arti_latest {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 0px 0px; WIDTH: 559px; PADDING-TOP: 0px; BORDER-BOTTOM: #666 1px solid; TEXT-ALIGN: left
}
#arti_latest .tit {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: 500; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 3px; COLOR: white; LINE-HEIGHT: 1.3; PADDING-TOP: 4px; LETTER-SPACING: 2px; BACKGROUND-COLOR: #666
}
#arti_latest .tit_r {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: 500; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 3px; COLOR: olive; LINE-HEIGHT: 1.3; PADDING-TOP: 4px; LETTER-SPACING: 2px; BACKGROUND-COLOR: #ccc
}
#arti_body {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; WIDTH: 559px; PADDING-TOP: 10px
}
#arti_body_left {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 8px; BORDER-LEFT: #ccc 1px solid; WIDTH: 275px; PADDING-TOP: 8px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: left
}
#arti_body_right {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px; FLOAT: right; PADDING-BOTTOM: 8px; BORDER-LEFT: #ccc 1px solid; WIDTH: 275px; PADDING-TOP: 8px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: left
}
#arti_nev {
	MARGIN-BOTTOM: 15px; LINE-HEIGHT: 1.8
}
#arti_nev A:link {
	COLOR: #666; TEXT-DECORATION: none
}
#arti_nev A:visited {
	COLOR: #666; TEXT-DECORATION: none
}
#arti_nev A:hover {
	COLOR: red; TEXT-DECORATION: none
}
#tech_nev {
	MARGIN-LEFT: auto; WIDTH: 759px; MARGIN-RIGHT: auto
}
#tech_nev A:link {
	COLOR: black; TEXT-DECORATION: none
}
#tech_nev A:visited {
	COLOR: black; TEXT-DECORATION: none
}
#tech_nev A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
#showme {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; MARGIN: 8px 0px 0px; PADDING-TOP: 8px; HEIGHT: 175px; BACKGROUND-COLOR: inactiveborder
}
#show_body {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f90
}
#link_text {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px auto 5px; WIDTH: 759px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#link_img {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px auto 5px; WIDTH: 759px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#foot {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; TEXT-TRANSFORM: capitalize; WIDTH: 759px; COLOR: white; LINE-HEIGHT: 1.8; PADDING-TOP: 4px; HEIGHT: 30px; BACKGROUND-COLOR: appworkspace
}
#foot A {
	FONT-SIZE: 11px; COLOR: #ffff00; FONT-VARIANT: small-caps; TEXT-DECORATION: underline
}
INPUT.login {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #666666 1px solid; COLOR: #000000; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.bt {
	BORDER-RIGHT: #665b8e 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; HEIGHT: 20px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.intro {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px 4px; PADDING-TOP: 5px; LETTER-SPACING: 3px
}
.sml {
	FONT-WEIGHT: 500; FONT-SIZE: 11px; COLOR: #666666
}
.ibbtn {
	BORDER-RIGHT: #999999 1px outset; PADDING-RIGHT: 0px; BORDER-TOP: #999999 1px outset; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/btn_pers_tile.gif); PADDING-BOTTOM: 2px; MARGIN: 1px 0px 0px 4px; BORDER-LEFT: #999999 1px outset; COLOR: #000000; LINE-HEIGHT: 15px; PADDING-TOP: 1px; BORDER-BOTTOM: #999999 1px outset; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
.red {
	FONT-WEIGHT: bold; COLOR: #ff0000
}
.blue {
	COLOR: #0000ff
}
#banner {
	MARGIN: 0px 0px 5px; WIDTH: 759px
}
#banner IMG {
	DISPLAY: none
}
#m_search TD {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#music_main {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 759px; PADDING-TOP: 0px; BACKGROUND-COLOR: infobackground
}
#music_main_left {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 564px; PADDING-TOP: 0px; BACKGROUND-COLOR: white
}
#subnev {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 8px; FLOAT: left; BACKGROUND-IMAGE: url(../images/music_bk.gif); PADDING-BOTTOM: 3px; MARGIN: 0px; WIDTH: 559px; PADDING-TOP: 4px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}
#subnev A:link {
	COLOR: black; TEXT-DECORATION: none
}
#subnev A:visited {
	COLOR: black; TEXT-DECORATION: none
}
#subnev A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
#music_main_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 195px; PADDING-TOP: 5px; HEIGHT: 100%; BACKGROUND-COLOR: infobackground
}
#msuic_search {
	BORDER-RIGHT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; MARGIN-TOP: 40px; BACKGROUND-IMAGE: url(../images/music_search_bg.gif); BORDER-LEFT: #ccc 2px solid; WIDTH: 459px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 2px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 50px; BACKGROUND-COLOR: #f1f1f1; TEXT-ALIGN: center
}
#msuic_search INPUT {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; HEIGHT: 24px
}
#music_alert {
	MARGIN-TOP: 9px; WIDTH: 390px; COLOR: red; TEXT-ALIGN: center
}
#type {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 390px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: "MS Sans Serif", Geneva, sans-serif; TEXT-ALIGN: center
}
#type UL {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px
}
#type LI {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
#search_button {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 15px 0px 0px; WIDTH: 459px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#fav_main {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 559px; PADDING-TOP: 0px
}
SELECT {
	FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #666666
}
.gotop {
	PADDING-RIGHT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: right
}
.gohere {
	FONT-WEIGHT: 500; COLOR: red; LETTER-SPACING: 0px
}
#totop {
	PADDING-RIGHT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 559px; TEXT-ALIGN: right
}
TD.tab_left {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.5; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
TD.tab_right {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.5; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
TD.line {
	BORDER-BOTTOM: #ffffff 4px solid; BACKGROUND-COLOR: #999999
}
TD.cate {
	PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 3px; LETTER-SPACING: 1px; BACKGROUND-COLOR: #f1f1f1
}
TD.sd_title {
	PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 8px; LETTER-SPACING: 1px
}
TD.ad {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
TD.more {
	PADDING-RIGHT: 10px; FONT-SIZE: 11px; PADDING-TOP: 3px; BACKGROUND-COLOR: #f1f1f1; TEXT-ALIGN: right
}
TD.tl {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #993300; LINE-HEIGHT: 1.8
}
#contact UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 8px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#contact LI {
	LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; MARGIN: 5px; LIST-STYLE-TYPE: square
}
UL.lib {
	MARGIN: 10px 10px 10px 20px; TEXT-INDENT: 10px; LINE-HEIGHT: 2
}
#top600 {
	TABLE-LAYOUT: fixed; BORDER-COLLAPSE: collapse
}
#top600 TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; OVERFLOW: hidden; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
#top600 A:link {
	FONT-SIZE: 11px; COLOR: #0000ff; TEXT-DECORATION: none
}
#top600 A:visited {
	FONT-SIZE: 11px; COLOR: #0000ff; TEXT-DECORATION: none
}
#top600 A:hover {
	FONT-SIZE: 11px; COLOR: #ff0000; TEXT-DECORATION: underline
}
#google_ad {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 759px; PADDING-TOP: 3px; BACKGROUND-COLOR: #f1f1f1; TEXT-ALIGN: center
}