国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css文本框變成圓角怎么弄,CSS文本框圓角設(shè)置方法

前端小編 15 0

CSS文本框變成圓角的方法

在CSS中,我們可以使用border-radius屬性來將文本框的角變成圓角,這個屬性接受兩個值,分別代表水平和垂直方向的圓角半徑,下面是一些示例代碼,展示如何將文本框的角變成圓角:

1、基本的圓角文本框

.rounded-text-box {
  border: 2px solid #000;
  border-radius: 10px;
  padding: 10px;
  width: 200px;
  height: 100px;
}

在這個示例中,border-radius: 10px;語句使得文本框的四個角都變成了圓角,你可以根據(jù)需要調(diào)整圓角半徑的大小。

2、不同大小的圓角

如果你想要讓文本框的四個角都有不同的圓角大小,你可以分別指定水平和垂直方向的圓角半徑:

.rounded-text-box {
  border: 2px solid #000;
  border-radius: 10px 20px 30px 40px;
  padding: 10px;
  width: 200px;
  height: 100px;
}

在這個示例中,四個角的圓角半徑分別為10px、20px、30px和40px。

3、橢圓形的文本框

如果你想要讓文本框變成橢圓形,你可以將水平和垂直方向的圓角半徑設(shè)置不同的值:

.elliptic-text-box {
  border: 2px solid #000;
  border-radius: 20px 20px 10px 10px;
  padding: 10px;
  width: 200px;
  height: 100px;
}

在這個示例中,文本框的四個角變成了橢圓形,你可以根據(jù)需要調(diào)整水平和垂直方向的圓角半徑。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
性欧美精品久久久久久久| 国产又粗又长又猛又爽| 在线中文字幕播放| 国产日韩精品一区二区三区| 国产真实乱了露脸的精品影院| 中文字幕熟女人妻丝袜| 国产精品国产三级国产专区51区| 精品毛片乱码1区2区3区| 午夜免费视频| 伦理精品一区二区三精品| sm免费国产调教视频在线观看| 亚洲va韩国va欧美va不卡| 久久精品国产精品| 日本少妇熟妇bbbbbb| 亚洲夜色av| 久久久久久中文字幕| 亚洲国产精品久久久久久久 | 国产精品亚洲二区| 日本av免费电影| 精品少妇一区二区三区 | 国产熟女一区二区三区五月婷| jizz性欧美 5| 99久久婷婷国产| ASS年轻少妇浓毛PICS| 88xx成人免费观看视频库| 中文字幕视频免费观看二区 | 裸体人体做爰大胆偷拍| 日韩av一区二区三区在线观看| 搡8O老女人老妇人老熟| 亚洲天堂毛片| 久久99久久久久| 老司机午夜精品99久久免费 | 99久久精品无免国产免费| 国产成人桃色av免费| 在线观看国产三级| 成人国产精品入口| 欧美激情一区在线| 99蜜桃臀久久久欧美精品网站| 国产日产精品久久久久| 亚洲男人天堂2017| 欧美性猛交xxx乱大交3蜜桃 |