文本框圓角矩形 怎樣用css把文本框變成圓角?
怎樣用css把文本框變成圓角?邊界半徑屬性可以實(shí)現(xiàn)元素的圓角。以下CSS可以環(huán)繞文本框(單行,多行):input[type=text],textarea{border]-半徑:3pxB用法:1px s
怎樣用css把文本框變成圓角?
邊界半徑屬性可以實(shí)現(xiàn)元素的圓角。
以下CSS可以環(huán)繞文本框(單行,多行):input[type=text],textarea{border]-半徑:3pxB用法:1px solid#000}border radius如下:border radius屬性是用于設(shè)置四個(gè)border-*-radius屬性的速記屬性。此屬性允許您向元素添加圓角邊框。語法:border radius:1-4 length |%/1-4 length |%。按此順序?yàn)槊總€(gè)半徑設(shè)置四個(gè)值。如果省略左下角,則與右上角相同。如果省略右下角,則與左上角相同。如果省略右上角,則與左上角相同。通常,PX和百分比用于單位。其他單位也可以
使用圓角矩形框,然后選擇它,右鍵單擊并添加文本。
border radius屬性可以實(shí)現(xiàn)元素的舍入。下面的CSS可以使文本框(單行,多行)變圓:input[type=text],textarea{border]-半徑:3pxB:1pxsolid#000}border radius的用法如下:border radius屬性是用于設(shè)置四個(gè)border-*-radius屬性的速記屬性。此屬性允許您向元素添加圓角邊框。語法:border-半徑:1-4長度|%/1-4長度|%按此順序設(shè)置每個(gè)半徑的四個(gè)值。如果省略左下角,則與右上角相同。如果省略右下角,則與左上角相同。如果省略右上角,則與左上角相同。一般使用PX和percentage作為單位,也可以使用其他單位
在需要插入的地方,單擊可選的圖形基本形狀,然后選擇圓角矩形(如果要在矩形中添加文本,請(qǐng)?jiān)诳蛑袉螕羰髽?biāo)右鍵,選擇“添加文本”)。