成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

CSS 控制 input 只顯示下劃線效果

Caizhenhao / 2057人閱讀

摘要:由于頁面設(shè)計需要,有時我們可能會出現(xiàn)只有下劃線底部邊框的,如下圖所示那么怎么實現(xiàn)這種效果呢其實很簡單,只要從邊框入手就可以了比如將上右左邊框?qū)挾仍O(shè)置為,下邊框為,顏色根據(jù)需要調(diào)整如上代碼,即可實現(xiàn)。

由于頁面設(shè)計需要,有時我們可能會出現(xiàn)只有下劃線(底部邊框)的input,如下圖所示

那么怎么實現(xiàn)這種效果呢?

其實很簡單,只要從邊框(border)入手就可以了

比如將上、右、左邊框?qū)挾仍O(shè)置為0,下邊框為1,顏色根據(jù)需要調(diào)整

border-bottom: 1px solid #dbdbdb;  
border-top:0px;  
border-left:0px;  
border-right:0px;  

如上代碼,即可實現(xiàn)。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/50109.html

相關(guān)文章

  • CSS 控制 input 顯示劃線效果

    摘要:由于頁面設(shè)計需要,有時我們可能會出現(xiàn)只有下劃線底部邊框的,如下圖所示那么怎么實現(xiàn)這種效果呢其實很簡單,只要從邊框入手就可以了比如將上右左邊框?qū)挾仍O(shè)置為,下邊框為,顏色根據(jù)需要調(diào)整如上代碼,即可實現(xiàn)。 由于頁面設(shè)計需要,有時我們可能會出現(xiàn)只有下劃線(底部邊框)的input,如下圖所示 showImg(https://segmentfault.com/img/bVDDVL?w=477&h=...

    Y3G 評論0 收藏0
  • CSS 黑魔法小技巧,讓你少寫不必要的JS,代碼更優(yōu)雅

    摘要:利用用和來做表單即時校驗需求讓表單檢驗變得簡單優(yōu)雅,不需要寫冗長的代碼來校驗設(shè)置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細葉誰裁出,二月春風似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時涉獵還算廣泛,總結(jié)了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒想到受到了大家的歡迎,有人希望能博主還能整理個 CSS 的一些黑...

    Berwin 評論0 收藏0
  • CSS 黑魔法小技巧,讓你少寫不必要的JS,代碼更優(yōu)雅

    摘要:利用用和來做表單即時校驗需求讓表單檢驗變得簡單優(yōu)雅,不需要寫冗長的代碼來校驗設(shè)置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細葉誰裁出,二月春風似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時涉獵還算廣泛,總結(jié)了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒想到受到了大家的歡迎,有人希望能博主還能整理個 CSS 的一些黑...

    MASAILA 評論0 收藏0
  • CSS 黑魔法小技巧,讓你少寫不必要的JS,代碼更優(yōu)雅

    摘要:利用用和來做表單即時校驗需求讓表單檢驗變得簡單優(yōu)雅,不需要寫冗長的代碼來校驗設(shè)置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細葉誰裁出,二月春風似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時涉獵還算廣泛,總結(jié)了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒想到受到了大家的歡迎,有人希望能博主還能整理個 CSS 的一些黑...

    qqlcbb 評論0 收藏0

發(fā)表評論

0條評論

Caizhenhao

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<