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

css怎么把正方形變成橢圓,CSS正方形變橢圓方法

前端小編 6 0

CSS中可以使用border-radius屬性將正方形變?yōu)闄E圓,具體步驟如下:

1、創(chuàng)建一個(gè)正方形:我們需要一個(gè)正方形,可以使用HTML的div元素來創(chuàng)建一個(gè)正方形,并給它一個(gè)類名,quot;square"。

<div class="square"></div>

2、添加CSS樣式:我們可以給這個(gè)正方形添加一些CSS樣式,主要是設(shè)置寬度和高度,并添加border-radius屬性來使其變?yōu)闄E圓。

.square {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  border-radius: 50%;
}

在這個(gè)CSS樣式中,我們?cè)O(shè)置了寬度和高度為200px,并添加了1px的黑色邊框,***重要的是,我們?cè)O(shè)置了border-radius為50%,這將使正方形的四個(gè)角變?yōu)橥耆膱A形,從而形成一個(gè)橢圓。

3、查看結(jié)果:當(dāng)你在瀏覽器中查看這個(gè)HTML頁面時(shí),你會(huì)看到一個(gè)橢圓形的圖形,而不是一個(gè)正方形。

border-radius屬性不僅可以將正方形變?yōu)闄E圓,還可以將其他形狀變?yōu)闄E圓,你可以將一個(gè)圓形(通過設(shè)置border-radius為50%)或一個(gè)矩形(通過設(shè)置border-radius為10%)變?yōu)闄E圓。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲一区二区毛片| 久久久久久久久av| 亚洲欧美一区二区三区久久蜜桃| 亚洲另类熟女国产精品老| 清纯唯美亚洲色图| а√天堂8资源中文在线 | 丰满人妻撅起肥白大屁股视频 | 亚洲精品乱码久久久久久久久| 国产av最新| 激情人妻中文字幕| 少妇喷潮av久久久16色| 成人欧美一区二区| 久久久久久久国产a∨| 亚洲一区二区在线观看视频| 538国产精品视频一区二区| 成人无码免费一区二区中文| 日韩精品一区二区三区久久| 白洁被赵振干到高潮是哪章| 久久久久久人妻精品系列| 久久亚洲精品中文字幕| 国产精品调教视频| jizz性欧美19| 亚洲国产av网站| 国产日产亚系列精品版优势| 弄得少妇高潮一区二区网站| 性色av色香蕉一区二区| 亚洲 另类 春色 偷拍| 久久精品国产三级| 女女毛片| 中文字幕6| 三人成全免费观看电视剧高清一| 欧美成人吸奶水做爰| 亚洲少妇一区二区三区| 欧美tushy一区二区三区| 爽日本japanese丰满多毛| 日本中文字幕免费| 国产午夜三级一区二区三区| 人妻少妇久久中文字幕一区二区 | 国产伦精品一区二区三区无广告| 国产麻豆剧传媒精品国产58| 国产麻豆黄片|