鬼谷網頁設計

使用CSS做出遮罩,或者固定圖片

回列表icon

回列表

網頁設計教學CSS-position基本用法

在寫網頁時,會遇到要如何讓圖片重疊,或在特定某個地方

做網頁時,常常會需要個物件放在特定的地方
所以就需要用到position這個語法
以下是介紹position的用法

static:
這是原本的預設值,套用這個語法,將不會被特別被定位在某地方,而是照著遊覽器原本的位置。

relative:
基本上,如果這與法沒有特定設定top、right、bottom、left來定義他的位置
那他也是照著遊覽器原本的位置。

absolute:
這是在做網頁設計時,很廣泛被使用的語法,通常會和relative一起使用
這語法會在除了static以外的第一個父元素定位
通常會用在圖片做遮罩,或是寫文字使用

fixed:
這是在遊覽器的畫面做定位
是在做網頁的浮動區塊使用,可以設定top、right、bottom、left來定義他的位置

 

線上範例   範例下載

上一篇 上一篇 下一篇 下一篇