常用的CSS

2011-04-25

3425
0
CSS

常用的CSS

圖片框
.photoborder {
	background:#FFFFFF;
	border:1px solid #999999;
	text-align:center;
	padding: 2px;
	margin-top:4px;
}

凸排
.p_01{
	text-indent: -3em;
	margin-left: 32px;
	font-size: 13px;
	line-height: 1.5em;
	color: #666666;
	padding-right: 10px;
	padding-left: 20px;
}

li項目換圖
.item_01 {
	line-height: 1.5em;
	color: #666666;
}
.item_01 ol {
	list-style: none;
	margin-left: 17px;
	margin-bottom: 0px;
}
.item_01 li {
	list-style-image: url(dots.gif);
	margin-bottom: 10px;
}

div捲軸
#Layer1 {
	width:860px;
	height:400px;
	z-index:1;
	left: 130px;
	top: 0;
	overflow: auto;
}

文字左右對齊
.font_01{
	line-height: 150%;
	text-align: justify;
	text-justify:inter-ideograph;
}

文字大小、間距、行距、背景
p {
   font-size: 12px;　　　　　　　　　　// 設定文字大小
   line-height: 24px;　　　　　　　　　// 設定文字行距
   letter-spacing: 3px;　　　　　　　　// 設定文字間距
   background-image: url(dot.gif);　　// 設定文字背景圖
}

細表格
#table_01 {
	font-size:12px;
	color:#666;
	border:1px solid #cccccc;
	width:600px;
	border-collapse:collapse;
}
#table_01 td, #table_01 th {
	border:1px solid #cccccc;
	text-align:left;
	padding:5px 0 5px 8px;
	background-color:#fff;
	color:#666;
	vertical-align:middle;
}
#table_01 th {
	height:25px; 
	line-height:25px; 
	text-align:center; 
	color:#000000; 
	font-weight:bold; 
}

網頁設計 -->找網站銀行

好站推薦：網頁設計除臭襪

回首頁