漸層水平分隔線


<hr style="filter: alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=0, finishx=100, finishy=100); height: 1px" color="#000000">

 

opacity=100

起始能見度 (上限100%)

startx=0

定義X軸起始點 (上限100%)

finishopacity=0

結束能見度 (上限100%)

starty=0

定義Y軸起始點 (上限100%)

style=1

漸層樣式 (可用參數1~3)

finishx=100

定義X軸結束點 (上限100%)

height: 1px

高度 (上限100px)

finishy=100

定義Y軸結束點 (上限100%)

color="#000000"

Hex色彩值

 

 

漸層很美,但很可惜的是,HTML標準中並未支援,儘管眾多玩家心中期許,但一直以來就是沒有支援。很多網頁設計師為了辦到這一點,還特地開啟繪圖軟體,製作漸層圖片。為補足此遺憾,微軟孤軍奮戰,研發追加了此一功能,讓網路更加華麗多變。但卻受遭反微軟分子無情的批評,理由是只有IE支援… 希望他們可以反向思考,其他瀏覽器是否可以來支援此語法呢?為了反對而反對不覺得是種錯誤嗎?

 

教學:網站建置百寶箱〈http://dob.tnc.edu.tw/〉歡迎您
http://dob.tnc.edu.tw/themes/old/showPage.php?s=2249&t=

範例:網站建置百寶箱 — CSS操控術 – 多彩分格線
http://dob.tnc.edu.tw/authorHD/2580/hr.html

  1. 發表留言

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: