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

怎么用css定位寫同心圓,CSS定位寫同心圓

前端小編 5 0

CSS定位寫同心圓的步驟

1、繪制外圓:我們需要繪制一個外圓,這可以通過使用CSS的border-radius屬性來實(shí)現(xiàn),將元素的邊框設(shè)置為圓形,我們可以給div元素添加以下樣式來繪制一個外圓:

div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

2、繪制內(nèi)圓:我們需要繪制一個內(nèi)圓,內(nèi)圓可以通過添加一個嵌套的div元素并設(shè)置其border-radius屬性為0來實(shí)現(xiàn),我們可以給內(nèi)部的div元素添加以下樣式來繪制一個內(nèi)圓:

div {
  width: 100px;
  height: 100px;
  position: relative;
}
div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

3、調(diào)整位置:我們需要調(diào)整內(nèi)圓的位置,使其位于外圓的中心,這可以通過設(shè)置內(nèi)圓的position屬性為absolute,并使用topleft屬性來調(diào)整其位置來實(shí)現(xiàn),我們可以將內(nèi)圓的樣式修改為以下樣式來調(diào)整其位置:

div::before {
  content: "";
  position: absolute;
  top: 25%; /* 修改這里來調(diào)整內(nèi)圓的位置 */
  left: 25%; /* 修改這里來調(diào)整內(nèi)圓的位置 */
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

我們已經(jīng)使用CSS定位寫出了一個同心圓,你可以根據(jù)需要調(diào)整外圓和內(nèi)圓的大小以及位置。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
香蕉久久夜色| 人妻久久久久久| 丰满人妻一区二区三区精品| 性生交大片免费看L| 性猛交xxxx乱大交孕妇印度| 国产精品久久毛片| 国产FREEXXXX性播放麻豆| 肉色欧美久久久久久久免费看| 少妇高潮片一区二区三区99 | xxx中国少妇| 亚洲精品久久久久久中文传媒| 少妇把腿扒开让我爽爽视频| 肉大捧一进一出免费视频| 色哟哟网站在线观看| 国产精品毛片av在线看| 国产精品不卡一区| 色狠狠av五综合久久久| 欧美变态另类潮喷高潮| 午夜福利精品视频| 日韩久久久久久久久久久| 色婷婷一区二区三区av免费看| 蜜桃AV鲁一鲁一鲁一鲁樱花影院| 久久久久99精品成人片牛牛影视| 欧美在线精品一区二区三区| jizz欧美性16| 欧美做受高潮网站| 亚洲中文字幕久久| 国产精品午夜视频| 成人免费在线视频| 新婚人妻少妇系列28部分| 久久久嫩草| 在线观看国产日韩欧美一区二区| 欧美精品一区二区三区久久| 粗大的黑人内捧猛烈进出| 国产精品99久久久久久人| 久久人妻少妇| 99精品久久久久久人妻精品| 久久久亚洲av| 亚洲熟女乱一区二区久久精| 韩国av毛片| 玩弄japa白嫩少妇hd|