首頁 »
2011/04/25

常用的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;
}



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

好站推薦:網頁設計


技巧:不使用表格製作的表單方法←上一篇 │首頁│ 下一篇→CSS的背景透明語法
本文引用網址: