在CSS中,可以使用border-radius
屬性來制作圓角的輸入框。border-radius
屬性可以設(shè)置一個元素的圓角半徑,包括四個角,分別對應(yīng)于元素的四個邊。
假設(shè)你有一個HTML元素如下:
<input type="text" id="myInput" />
你可以使用CSS來設(shè)置這個輸入框的圓角:
#myInput { border-radius: 10px; }
這將使輸入框的四個角都變?yōu)閳A角,半徑為10像素,你可以根據(jù)需要調(diào)整border-radius
的值,以改變圓角的大小。
你還可以分別設(shè)置每個角的圓角半徑,
#myInput { border-top-left-radius: 10px; border-top-right-radius: 20px; border-bottom-left-radius: 30px; border-bottom-right-radius: 40px; }
這將使每個角的圓角半徑都不同,注意,這些值可以設(shè)置為像素、百分比或其他CSS支持的長度單位。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。