跳至主要內容

David's Blog

月份: 2012 年 4 月

[CSS教學] 如何用CSS做出有icon小圖的文字搜尋框

2012-04-14 作者: David Chen

做出來大概就像這樣

搜尋框裡面有個像放大鏡的小icon圖,現在很多網站的搜尋框都會這樣做,用CSS做起來其實也很簡單,運用背景圖片再加上padding的技巧就可以做出來了。

閱讀全文

分類 CSS 標籤 background、css、padding、search box 發佈留言

分類

  • blockchain (1)
  • CodeIgniter (2)
  • CSS (3)
  • Database (1)
  • Design (1)
  • Git (1)
  • jQuery (2)
  • Linux (2)
  • Mac (1)
  • MySQL (1)
  • PHP (3)
  • Ubuntu (3)
  • Web (4)

近期文章

  • [最新2021]快速利用Google Fonts為網頁增添繁體中文「思源黑體」字型
  • 區塊鏈與數位貨幣
  • Google Analytics 學習筆記(一)
  • Git觀念&實作 – 入門到團隊合作開發
  • [SSH] SSH連線登入很慢的解決辦法
  • [Mac][Tip] 在Finder上顯示隱藏的系統檔案
  • [jQuery] 用jQuery寫出文字垂直捲動跑馬燈 jQuery TextSlider Plugin
  • [Linux] 只針對檔案或只針對目錄做遞迴chmod

分月彙整

  • 2021 年 11 月 (1)
  • 2019 年 10 月 (1)
  • 2019 年 9 月 (1)
  • 2018 年 11 月 (1)
  • 2018 年 10 月 (1)
  • 2013 年 3 月 (1)
  • 2012 年 11 月 (1)
  • 2012 年 5 月 (1)
  • 2012 年 4 月 (1)
  • 2012 年 3 月 (1)
  • 2012 年 2 月 (2)
  • 2012 年 1 月 (4)
  • 2011 年 11 月 (2)
  • 2011 年 10 月 (3)
© 2023 David's Blog • 網站設計採用 GeneratePress