網頁教學:利用CSS語法進行網頁內之排版(2)★網頁元件之定位
Posted by baimughost on 下午4:53
一、一般定位(圖片、表格、文字等網頁元件之定位)
表1 一般定位方式常用的屬性
屬性名稱 | 屬性用途 | 設定值 | 備註 |
position | 設定網頁元件之位置 | absolute | |
width | 指定網頁元件之寬度 | width:50px | |
height | 指定網頁元之高度 | height:50px | |
left | 指定元件與邊界之距離 | left:50px | 輸入數值庂單位可以是px或pt |
top | 指定元件與邊界之距離 | top:50px | 輸入數值庂單位可以是px或pt |
overflow | 設定超出邊界顯示方式 | visible | |
visibility | 設定是否顯示 | ||
二、圖層定位
網頁教學:利用CSS語法進行網頁內容之排版(1)★邊界、邊框及邊界留白之介紹
Posted by baimughost on 下午4:46
壹、邊界
一、設定邊界之屬性介紹
二、<margin>屬性之輸入語法
三、<margin-top>、<margin-right>、<margin-bottom>及<margin-left>屬性
貳、邊框
一、<border-style>屬性
二、<border-width>屬性
三、<border-color>屬性
四、<border>屬性
參、邊界留白
一、設定邊界之屬性介紹
二、<padding>屬性之輸入語法
三、<padding-top>、<padding-right>、<padding-bottom>及<padding-left>屬性
訂閱:
文章 (Atom)