當前位置:主頁 > 網頁教程 > 網頁制作 > Html教程 > 內容歡迎大家投稿

HTML圖片按鈕寫法

時間:2012-04-23 20:55來源:未知 作者:大寶庫 點擊:讀取中
閱讀工具:字體:

1: 在一般情況下按鈕提交表單:

<form id="form1" name="form1" method="post" action="index.html">
<input type="submit" name="button" id="button" value="提交" />
</form>

這樣提交按鈕是標簽 <input type="submit">,如果想換成圖片加上樣式,把value="提交" 改成value=" "(這樣“提交”兩個字就不會顯示在這張背景圖片的上面):

#button{
background:url(12.jpg) no-repeat;
width:100px;
height:50px;
border:0px;
cursor:pointer;
}
 

2:直接使用圖片標簽按鈕

<form id="form1" name="form1" method="post" action="index.html">
<input name="submit" type="image" value="ee" src="12.jpg" />
</form>
 

這樣子直接寫在html頁面上就能直接看到按鈕是圖片的!

 

3:由于上面第二種圖片直接使用 “src”鏈接,但是如果一個網站很多需要到表單圖片按鈕展示的話,這樣就會增加網頁顯示的速度!之前說過如果把全部類型差不多的圖片整合成一張,每個頁面使用css+div調用同一張圖片里面的不同個按鈕圖標圖片,這樣的話便能更優化代碼以及網站。

<form id="form1" name="form1" method="post" action="index.html">
<input name="submit" type="image" value="ee" src="12.jpg" />
</form>
樣式:

button{
background:url(12.jpg) no-repeat -54px -35px;
width:100px;
height:50px;
border:0px;
cursor:pointer;
}

(責任編輯:大寶庫)


------分隔線----------------------------
推薦內容
  • HTML5基礎教程:audio音頻標簽的詳解

    在過去,我們如果想在Web上播放音樂,基本都是通過Flash來播放,但并不是所有的瀏覽器...

  • 使用HTML5制作網頁

    根據你們詢問的人, HTML 5 不是邁向創造更語義化的網絡的下一 個重要步伐,就是用一...

  • html語言剖析十六 調色原理

    html 的顏色表示可分兩種: 以命名方式定義常用的顏色,如 red 。 以 rgb 值表示,如 ...

  • HTML參考

    基本標簽 html/html 創建一個HTML文檔 head/head 設置文檔標題以及其他不在WEB網頁上...

  • HTML文檔中小meta標簽的大作用

    meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。meta 標簽用于網頁的<head>與</...

  • HTML中的表格元素

    一,table標簽。table標簽是表格的標識符,用來界定表格的范圍。table標簽是成對使用...

贊助商鏈接
贊助商鏈接


七星彩加急版 贵州11选五5下载 pc蛋蛋外围信誉群 13258期全国联网排列5 个人小额理财产品排行 188金宝博百家乐路纸 上海时时乐历史 陕西11选5预测免费推荐 000002上证指数 江西十一选五彩经网 江西快3综合走势图 快乐8稳赚技巧 宁夏11选五5奖项 贵州十一选五的直播走势图 福利彩票3d预测专家 体育彩票排列三排列五 排列五几种投注方式