♂月橘館♀

上次的位置語法大家都熟稔了嘛？

今天要來個稍稍進階一點的CSS應用。

當我們把部落格的背景圖、大區塊的位置(文章區、側欄區、網誌描述等)定下來之後

再來就是做側邊欄位的「各個」自訂欄位的位置囉！

設計部落格時，無論是背景圖、標題底圖、小圖示等等都會用到「背景」語法

背景的屬性應用則是今天的主題

在這要教大家怎麼放底圖、上底色、喬位置

關於背景的屬性，基本上有五種：

在設計部落格樣式時，位置語法「position」可說是最常使用的語法

常見的語法有絕對位置：absolute及相對位置：relative這兩種

常見參數：top、bottom、right、left 。(上下右左)

下面我用網誌描述(banner h2)為例子來作介紹：

這個語法在CSS的運用上也可以說相當實用、廣泛也很簡易

在部落格上所見的部位，諸如：

網誌描述、側邊欄位、標題、內容、連結...都可以使用

像是我的貼紙複製框外框也是這語法的應用

古人云：「工欲善其事，必先利其器。 」

當你想修改版面卻又不知如何下手時，這篇由「Seven Design1230」所整理的文章

相信將能領你踏入「玩」版型這塊領域

讓你可以擁有屬於自己的版型，永遠不會跟別人撞衫

本文引用自小公主
這位版主作了15款捲軸樣式，而且每款都很好看
深深覺得她好厲害，在這邊分享給大家

由於語法失連+原作者已關閉部落格...所以我自己參考小公主的色系另外做了一些樣式