ki7p643662@outlook.com

腓尼基文翻譯

2.超連結按鈕

講解:可自訂寬高的圖片按鈕，【width:1px】為按鈕的寬，【height:1px】按鈕的高，紅色字部門請自行更改。

7.自訂寬高的圖片按鈕

這次要講授的是按鈕

典範:

典範:

解說:帶有圖片的超貫穿連接按鈕，寬高皆由文字大小自動設置，紅色字部門請自行更改。

範例:

5.自訂寬高及文字巨細、色彩的一般按鈕

說明註解:可自訂寬高的圖片按鈕，【width:1px】為按鈕的寬，【height:1px】按鈕的高，紅色字部分請自行更改。

語法:<button onclick="self.location.href="https://blog.xuite.net/jason_kuso/kuso/欲連結到的網址'"><img src= "圖片網址"></button>

講解:可自訂寬高及文字巨細的一般按鈕，【font-size:1pt】為文字巨細，【width:1px】為按鈕的寬，【height:1px】按鈕的高，【color:#000000】為文字的色彩，紅色字部門請自行更改翻譯

範例:

語法:<button onclick="self.location.href="https://blog.xuite.net/jason_kuso/kuso/欲連結到的網址';"style=width:1px;height:1px">
<img src= "圖片網址"></button>

解說:不附含超連結、圖片及任何設定的按鈕，寬高皆由文字巨細自動設置，紅色字部分請自行更改翻譯

語法:<input type="button" value="文字">

類型:

3.圖片按鈕

在網頁中也是不行或缺的一分子

6.自訂寬高及文字巨細、顏色的超連結按鈕

語法:<button><img src= "圖片網址"></button>

語法:<input type="button" value="文字";onclick="欲貫穿連接到的網址";" style="font-size:1pt; width:1px;height:1px;color:#000000">

類型:

8.自訂寬高的圖片超貫穿連接按鈕

講解:帶有圖片的按鈕，寬高皆由文字巨細主動設置，紅色字部門請自行更改。

解說:可自訂寬高及文字大小的超連結按鈕，【font-size:1pt】為文字大小，【width:1px】為按鈕的寬，【height:1px】按鈕的高，【color:#000000】為文字的顏色，紅色字部分請自行更改。

語法:<button "style="width:1px;height:1px">
<img src= "圖片網址"></button>

繼上一篇【html】文字各式結果

典範榜樣:

解說:帶有超貫穿連接的按鈕，寬高皆由文字大小自動設置，紅色字部門請自行更改。

語法:<input type="button" value="文字";" style="font-size:1pt; width:1px;height:1px";color:#000000>

語法:<input type="button" value="文字" onclick="欲貫穿連接到的網址'">

4.超貫穿連接圖片按鈕

範例:

1.一般按鈕