一覽｜Promised Land

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

一覽

剛在用GOOGLE READER時看到有LIST CSS的教學
做出來的效果很棒!
Demo: http://www.sohtanaka.com/web-design/examples/ordered-lists/
所以實裝到看起來有點單調的一覽頁去了
順便記上幾個SHINOBI重要的TAG

 : 內文頭100個字 (包括html碼)
         : blog url (不含"http://"和"/")

ol和ul是同一類東西, 顯示出來的不是圓點而是數字

ol.steps {
	margin: 20px 0;
	padding: 0 0 0 35px; /*--Distance between the order numbers--*/
	border: 1px solid #111;
}
ol.steps li {
	margin: 0;
	padding: 15px 15px;
       /*--The bevel look is styled with various colors in the border properties below--*/
	border-top: 1px solid #000;
	border-bottom: 1px solid #353535;
	border-right: 1px solid #333;
	border-left: 1px solid #151515;
	background: #222;
}

使用例子


   	heading
   		paragraph
   	heading
   		paragraph

應用在shinobi上

//

參考網站
Sexy Ordered Lists with CSS

[0回]

: 內文頭100個字 (包括html碼) : blog url (不含"http://"和"/")
ol和ul是同一類東西, 顯示出來的不是圓點而是數字

ol.steps {
	margin: 20px 0;
	padding: 0 0 0 35px; /*--Distance between the order numbers--*/
	border: 1px solid #111;
}
ol.steps li {
	margin: 0;
	padding: 15px 15px;
       /*--The bevel look is styled with various colors in the border properties below--*/
	border-top: 1px solid #000;
	border-bottom: 1px solid #353535;
	border-right: 1px solid #333;
	border-left: 1px solid #151515;
	background: #222;
}

使用例子


   	heading
   		paragraph
   	heading
   		paragraph

應用在shinobi上

//

參考網站
Sexy Ordered Lists with CSS

[0回]

" dc:identifier="http://kuonyuu.blog.shinobi.jp/Entry/162/" /> -->