目前分類:css樣式痞客邦樣式CSS版型設計 (5)

瀏覽方式: 標題列表 簡短摘要

完成圖.JPG(這是完成圖)

上篇提到需要修改的細節和重點,現在開始動手實際的將痞客二欄版型轉成三欄式的。

 

上篇提到、需要掌握全寬,本文寬,和側欄寬。所以先找出這三個地方來。

#body-div{

鹿老師 發表在 痞客邦 PIXNET 留言(12) 人氣()

完成圖.JPG  (這是完成圖)

此範例用的是痞客的基本模板。粉紅色那個。   文/灰色金盞花(鹿老師)

在動手做之前,先說明四個重點。

 

鹿老師 發表在 痞客邦 PIXNET 留言(5) 人氣()

【部落格css樣式】盒子box model(2)設定區塊的寬度和高度

上一篇講過盒子(box model),想畢大家都比較知道盒子在css中到底是怎麼應用了。

接下來要介紹的是寬(width)和高(height)的設定。

盒子2.jpg  

一般來說在box裡面寬(width)是指左內緣到右內緣,高(height)是上內緣到下內緣。(如圖示)

鹿老師 發表在 痞客邦 PIXNET 留言(1) 人氣()

【部落格css樣式】 CSS中盒子(box model)的概念和痞客版型解說

盒子.jpg  

要開始修改和設計部落格樣式前,css中一個很重要的觀念要清楚,

就是盒子,什麼是盒子勒? 我們可以把每個元素視為一個盒子,

而盒子就是以這些屬性組成的。內容、留白、邊框、邊界。

鹿老師 發表在 痞客邦 PIXNET 留言(1) 人氣()

整個頁面
body/*整個介頁面*/
#body-div/*整個頁面*/
a/*超連結*/
a:hover/*滑鼠移動到超連結上時*/

鹿老師 發表在 痞客邦 PIXNET 留言(6) 人氣()

找更多相關文章與討論