中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS中怎么創建圖像圖標按鈕

發布時間:2022-02-24 13:52:44 來源:億速云 閱讀:138 作者:小新 欄目:web開發

這篇文章主要介紹CSS中怎么創建圖像圖標按鈕,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

  在按鈕表面上顯示圖像圖標時,請寫代碼以在按鈕標簽中顯示圖像,實現此效果要使用顯示設置為內聯塊的span標記。

  代碼如下:

  image-button.css

  #buttonImage{

  background-image:url('/img/search.png');

  display:inline-block;

  margin-top:2px;

  width:16px;

  height:16px;

  }

  .flatbutton{

  border:1pxsolid#3079ed;

  background-color:#4d90fe;

  width:100px;

  height:28px;

  }

  image-button.html

  <!DOCTYPEhtml>

  <html>

  <head>

  <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

  <title></title>

  <linkrel="stylesheet"type="text/css"href="image-button.css"/>

  </head>

  <body>

  <buttonclass="flatbutton"><spanid="buttonImage"></span></button>

  </body>

  </html>

CSS中怎么創建圖像圖標按鈕

以上是“CSS中怎么創建圖像圖標按鈕”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

三明市| 江西省| 明光市| 白银市| 陇西县| 江城| 九台市| 射阳县| 平阳县| 祁门县| 常州市| 开封市| 登封市| 凤阳县| 海兴县| 治多县| 蕲春县| 大城县| 莱阳市| 台中县| 如皋市| 宜州市| 建瓯市| 西安市| 连城县| 资溪县| 伽师县| 深泽县| 宿迁市| 商丘市| 连州市| 夹江县| 彰化县| 威宁| 游戏| 喀喇| 玉树县| 吴旗县| 东乌| 新田县| 五莲县|