css.css

来自「哈克MusicPHP音乐程序v1.0一套基本于PHP+TXT的在线音乐播放程序。」· CSS 代码 · 共 1,003 行 · 第 1/2 页

CSS
1,003 行
字号
12
/*
XueDD! 官方模板
(C) 1999-2008 XueDD! Inc.
http://www.HaCn.com
*/

/* ============全局============ */
html {height:100%;}
div,ul,ol,form {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
img {border:0;}
table {font-size:12px;}
input {
	font-family:tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6,h7 {margin:0;padding:0;text-align:left;font-size:12px;font-weight:400;}
p {
	margin:0;
	padding: 3px;
}

body {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(bg.png) #fff repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #444; WORD-BREAK: break-all; LINE-HEIGHT: 150%; PADDING-TOP: 0px; FONT-FAMILY: tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif; HEIGHT: 100%; TEXT-ALIGN: center}

a:link{text-decoration:none;color:#999;}
a:visited {text-decoration:none;color:#999;}
A:hover {
	color: #fe7f00; text-decoration: underline
}
A:active {
	color: #fe7f00; text-decoration: none
}
a img { border: none; }
/* class */
.right{
float:right;
}
.red{
color:red;
}
.green{
color:green;
}
/* ============布局============ */
#Head {clear:both;WIDTH: 978px;margin:0 auto;height:100px;}
#Head #logo{
DISPLAY: block; BACKGROUND: url(logo.jpg) no-repeat left top; FLOAT: left; OVERFLOW: hidden; WIDTH: 260px; TEXT-INDENT: -9999px;HEIGHT: 100px
}
#Head_menu {
	clear:both;
	height:32px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	width: auto;
}
#Head #Head_menu {
	BACKGROUND: url(menu.png) no-repeat center top; FLOAT: right; MARGIN: 20px 0px 0px 0px; WIDTH: 580px; HEIGHT: 80px
}
#Head #Head_menu UL {
	PADDING-RIGHT: 50px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#Head #Head_menu UL LI {
	LIST-STYLE-POSITION: outside; FLOAT: left; LIST-STYLE-TYPE: none
}
#Head #Head_menu UL LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: 600; PADDING-BOTTOM: 0px; WIDTH: 70px; COLOR: #fff; PADDING-TOP: 5px; LETTER-SPACING: 5px; HEIGHT: 35px
}
#Head #Head_menu UL LI A:hover {
	BACKGROUND: url(menu_a.png) no-repeat left top; TEXT-DECORATION: none
}
#Head #Head_menu UL#menu1 LI.l1 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#Head #Head_menu UL#menu2 LI.l2 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#Head #Head_menu UL#menu3 LI.l3 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#Head #Head_menu UL#menu4 LI.l4 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#Head #Head_menu UL#menu5 LI.l5 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#Head #Head_menu UL#menu6 LI.l6 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#Head #Head_menu UL#menu7 LI.l7 A {
	BACKGROUND: url(menu_a.png) no-repeat left top
}
#head #Head_top {
	color: #FFF;
	height: 25px;
	width: 200px;
	float: right;
	text-align: left;
}
#head #Head_top a{
	color: #FFF;
}


/* ============主体内容============ */
#Content { margin-top:10px;width:978px;text-align:left;height:69%;}
#Content #Main {
	margin: 0;
	padding: 10px;
}
#Content #Main #Body {
	float:left;
	width:700px;
	overflow-x:hidden;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
#Content #Main #Left {
	float: left;
	width: 180px;
}
#Content #Main #Middle {
	float: left;
	width: auto;
	margin-left: 20px;
}
#Content #Main #Sidebar {
	float:right;
	width:240px;
	overflow-x:hidden;
}

#Content #Main #Sidebar #NowReg {
	padding: 1px;
	border: 1px solid #DEDEDE;
	width: 200px;
	margin-top: 50px;
}

#Content #Main #Sidebar #RightBanner {
	height:30px;

}
#Content #Main #Sidebar #Top {
	background-image: url(sidebar_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 36px;
	width: 242px;
	text-align: left;
	padding-top: 10px;
	text-indent: 16px;
	overflow:hidden;
	padding-bottom:0px;
}
#Content #Main #Sidebar #Top h2{
	color: #0E91CF;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;

}
#Content #Main #Sidebar #logincontent {
	background-image: url(side_bg.png);
	background-repeat: repeat-y;
	width: 242px;
}
#Content #Main #Sidebar #Bottom {
	background-image: url(sidebar_bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 242px;
	margin-bottom: 10px;
}
#Content #Main #Sidebar #Commend {
	background-image: url(sidebar_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 36px;
	width: 242px;
	text-align: left;
	padding-top: 10px;
	text-indent: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDEDE;
	margin-top: 10px;
}

#Content #Main #Sidebar #Commend  h2{
	color: #7DA721;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;

}
#Content #Main #Sidebar #CommendList {
	background-image: url(side_bg.png);
	background-repeat: repeat-y;
	width: auto;
	padding: 5px 8px 8px 12px;
	list-style-type: disc;
	list-style-position: inside;
}
#Content #Main #Sidebar #CommendList a{
	color: #479CD2;
}

#Content #Main #Sidebar #CommendList li {
	color:#4C5360;
	padding-top: 3px;
}
/* 搜索框 */
#Content #Main #Sidebar #Search {
    MARGIN: 0px 0px 5px 0px;
}
#Content #Main #Sidebar #Search h2{
    PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: 600; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #E7B60C; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 2px solid; LETTER-SPACING: 2px
}
#Content #Main #Sidebar #Search .SearchMain {
	text-align: left;
	padding: 10px;
	line-height:25px;
}


/* 登陆框 */
#Content #Main #Sidebar #logincontent #Login {
	float:left;
	margin-right:8px;
	width:155px;
	margin-left: 8px;
	padding-top: 5px;
}
#Content #Main #Sidebar #logincontent #Login li {
	line-height: 20px;
}
#Content #Main #Sidebar #logincontent #Login_bt {
	height:48px;
	float:left;
	width:52px;
	margin-top: 5px;
}

#Content #Main #Sidebar #logincontent .login_input {
	width:90px;
	border: 1px solid #ccc;
}
#Content #Main #Sidebar #logincontent #Link {
    width:auto;
    float:left
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#Content #Main #Sidebar #logincontent #Link a{
 color:#7F7F7F;
 }
 
/*首页点歌信息*/
#Content #Main #Body #Middle #Diange {
	height: 20px;
	width: auto;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-bottom: 7px;
}
#Content #Main #Body #Middle #Diange a{
	font-weight: 600;
	color: #E7B60C;
	font-size: 13px;
}
#Content #Main #Body #Middle #Diange .DiangeList a{
	font-weight: normal;
	color: #ECA022;
	font-size: 12px;
}

/* 首页 Flash 广告框 */
#Content #Main #Body #Middle #FlashBanner {
	padding: 3px;
	height: 175px;
	width: 467px;
	border: 1px solid #DEDEDE;
}

/* 歌手导航 */
#Content #Main #Body #SingerNav {
	float: left;
	width: 180px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#Content #Main #Body #SingerNav h2{
	color: #0E91CF;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0E91CF;
	padding-bottom: 3px;
	margin-bottom:2px;
	text-indent: 6px;
}
#Content #Main #Body #SingerNav li{
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
	padding-left: 12px;
	width: 90%;
	line-height: 28px;
}
#Content #Main #Body #SingerNav a{
    display: block;
	padding-left: 4px;
	COLOR: #666;
}
#Content #Main #Body #SingerNav a:hover{
	background-color:#0CA3DC;
	text-decoration:none;
	color: #FFFFFF;
}
/* 首页试听排行 */
#Content #Main #Body #PlayTop {
	float: left;
	width: 180px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#Content #Main #Body #PlayTop h2{
	color: #0E91CF;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0E91CF;
	padding-bottom: 3px;
	margin-bottom:2px;
	text-indent: 6px;
}
#Content #Main #Body #PlayTop li{
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F2F2F2;
	padding-left: 12px;
	width: 95%;
	line-height: 25px;
	background-image: url(icon_list5.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#Content #Main #Body #PlayTop a{
    color:#666;
}
#Content #Main #Body #PlayTop a:hover{
	background-color:#0CA3DC;
	text-decoration:none;
	color: #FFFFFF;
}

/* 首页最新音乐 */
#Content #Main #Body #Middle #MusicUpdata {
	font-size: 14px;
	font-weight: 600;
	color: #0E91CF;
	text-indent: 30px;
	height: 25px;
	width: 467px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0E91CF;
	margin-top: 20px;
	background-image: url(icon_update.png);
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: 2px;
}

#Content #Main #Body #Middle #MusicUpdata .More {
	float: right;
	width: 80px;
	margin-top: -15px;
}
#Content #Main #Body #Middle #MusicUpdata .More a,.More a:link,.More a:visited{
	color:#999;
	font-weight: normal;
	font-size:12px;
}
#Content #Main #Body #Middle #MusicUpdata .More a:hover{
	color:#FF9900;

}
#Content #Main #Body #Middle .NewMusic{
	clear:both;
	float:left;
	width:467px;
	border:1px #CFECFB solid;
	margin-top: 10px;
}

#Content #Main #Body #Middle .NewMusic_padder{
	float:left;
	width:467px;
}
.NewMusic_tab_select:link,.NewMusic_tab_select:visited,.NewMusic_tab_select:active{
	height:27px; float:left; width:155px; background:white; border-bottom:1px white solid; text-decoration:none; color:#0E91CF; font-weight:bold; line-height:24px; voice-family:"\"}\""; voice-family:inherit; height:26px;text-align: center;
}
.NewMusic_tab_select span,.NewMusic_tab_unselect span{
	width:153px; height:26px;
}
.NewMusic_tab_select:hover{
	cursor:default;
}
.NewMusic_tab_split{
	height:27px; width:1px; background:#CFECFB; float:left;
}
.NewMusic_tab_unselect:link,.NewMusic_tab_unselect:visited,.NewMusic_tab_unselect:active {
	height:27px; float:left; width:155px; background:#E7F8FF; border-bottom:1px #CFECFB solid; text-decoration:none; color:#64B11F; line-height:24px; cursor:pointer; font-weight:bold; voice-family:"\"}\""; voice-family:inherit; height:26px;text-align: center;
}
.NewMusic_tab_unselect:hover {
	color:white;
	font-weight:bold;
	background: #2798DC;
}
.NewMusic_select{
	clear:both; padding:0px 8px 8px 8px; display:block; width:auto; margin:0 auto;
}
.NewMusic_unselect{
	clear:both; padding-top:8px; padding-left:10px; padding-right:10px; display:none;
}

#Content #Main #Body #Middle .NewMusic_select li{
	height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDEDE;
	padding-top: 5px;
	background-image: url(icon_list4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#Content #Main #Body #Middle .NewMusic_select .songname a{
	color: #479CD2;
}
#Content #Main #Body #Middle .NewMusic_select .singername a{
	float:right;
}
#Content #Main #Body #Middle .NewMusic_select a:hover{
	background-color:#0CA3DC;
	text-decoration:none;
	color: #FFFFFF;
}

/* 页面底部 */
#Footer {
    color:#0E91CF;
    width:100%;
	float:left;
	height:73px;
	text-align:left;
	background:#fff url("Footer.png") repeat-x left bottom;
	font-size:11px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	margin-bottom: 0px;
}
#Footer .FootMenu {
    color:#CCC;
	margin-top: 10px;
12

css.css - 源码说明

本页面展示了「哈克MusicPHP音乐程序v1.0一套基本于PHP+TXT的在线音乐播放程序。程序采用文本数据存储方式」中的 css.css 源码文件，采用 CSS 编程语言编写，共 1,003 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与PHP音乐播放相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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