語法說明：



  • 在 border: 1px solid #525050; 中修改邊框色彩及框線粗細

  • 在 color : #525050; 中修改文字色彩

  • 在 font-size : 9pt; 中修改文字大小

  • 在 background-color:#eeeeee; 中修改背景色彩

  • 請自行增加或減少按鈕數量

  • VALUE"可修改按鈕的文字 onClick"可修改按鈕的連結 

  • 可自行修改視窗開啟的方式 
    onclick="window.open('連結網址');為開新視窗 onClick="location='連結網址'"為在同一頁開啟連結









<!--簡易按鈕_開始-->
<style type=text/css>
<!--
input{
border: 1px solid #525050; /*設定邊框色彩*/
color : #525050; /*設定文字色彩*/
font-size : 9pt; /*設定文字大小*/
background-color:#eeeeee; /*設定背景色彩*/
}
-->
</style>
<center>
<form>
<!--「TOP1」"VALUE"可修改按鈕的文字；"onClick"可修改按鈕的連結；-->
<!--「TOP2」可修改視窗開啟的方式，onclick="window.open('連結網址');為開新視窗-->
<!--「TOP3」onClick="location='連結網址'"為在同一頁開啟連結-->
<INPUT TYPE="button" VALUE="-連結名稱-" onClick="location='連結網址'">
<INPUT TYPE="button" VALUE="-連結名稱-" onClick="location='連結網址'">
<INPUT TYPE="button" VALUE="-連結名稱-" onClick="location='連結網址'"><BR><BR><BR>
<INPUT TYPE="button" VALUE="-連結名稱-" onclick="window.open('連結網址');">
<INPUT TYPE="button" VALUE="-連結名稱-" onclick="window.open('連結網址');">
<INPUT TYPE="button" VALUE="-連結名稱-" onclick="window.open('連結網址');">
<!--可自行增刪按鈕-->
</form>
<!--簡易按鈕_結束-->


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 nicole 的頭像
    nicole

    nicole 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄