Get me outta here!

Illustrator教學:利用『鋼筆工具』繪製虛線

 

illutrator操作畫面

一、一般虛線

 

二、地圖上之鐵路

三、小圓點虛線

網頁教學:設定實線之表格框線及儲存格格線

網頁教學:利用CSS語法設定超連結與滑鼠游標特效

 

一、超連結特效

二、滑鼠游標特效

網頁教學:利用CSS語法進行網頁內之排版(2)★網頁元件之定位

 

一、一般定位(圖片、表格、文字等網頁元件之定位)

表1  一般定位方式常用的屬性

屬性名稱 屬性用途 設定值 備註
position 設定網頁元件之位置

absolute
relative
static

 
width 指定網頁元件之寬度

width:50px

 
height 指定網頁元之高度

height:50px

 
left 指定元件與邊界之距離

left:50px

輸入數值庂單位可以是px或pt

top 指定元件與邊界之距離

top:50px

輸入數值庂單位可以是px或pt

overflow 設定超出邊界顯示方式

visible
hidden
scroll
auto

 
visibility 設定是否顯示

 
       

二、圖層定位

網頁教學:利用CSS語法進行網頁內容之排版(1)★邊界、邊框及邊界留白之介紹

 

壹、邊界

一、設定邊界之屬性介紹

 

二、<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>屬性