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

css怎么讓正方形中間凹回去,CSS實(shí)現(xiàn)正方形中間凹回去效果

前端小編 7 0

在CSS中,可以使用多種方法來實(shí)現(xiàn)正方形中間凹回去的效果,以下是一種常見的方法:

1、使用border屬性:通過給正方形添加邊框,并在邊框中間設(shè)置一個(gè)小一些的邊框,可以創(chuàng)造出中間凹回去的效果。

.square {
  width: 100px;
  height: 100px;
  border: 2px solid #000;
  border-radius: 50%;
}
.square:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  border: 2px solid #000;
  border-radius: 50%;
}

2、使用box-shadow屬性:通過添加box-shadow,并設(shè)置偏移量,可以模擬出中間凹回去的效果。

.square {
  width: 100px;
  height: 100px;
  box-shadow: 0 0 0 10px #000;
}

3、使用transform屬性:通過變換形狀,可以創(chuàng)造出中間凹回去的效果。

.square {
  width: 100px;
  height: 100px;
  transform: rotate(-45deg);
}

這些方法都可以實(shí)現(xiàn)正方形中間凹回去的效果,具體使用哪種方法取決于你的需求和偏好,希望這些示例能幫助你找到滿意的結(jié)果!

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产欧美一区二区三区在线| 老熟女啪啪兴奋的嗷嗷叫| 成人一区二区三| 一本色道久久加勒比精品| 18禁黄网站男男禁片免费观看| 强摸秘书人妻大乳BD| 国产精品熟女乱淫| 国产午夜精品久久久久久久久久| 国产一区二区三区四区五区VM| 人妻系列一区| 国产伦精品一区二区三区视频免费| 黑人久久久| 精品少妇人妻AV免费久久三叶草| 亚洲欧美熟妇久久久久久久久| 中文字幕精品无码亚洲字幕乐视| 色噜噜一区二区三区| 91人人妻人人爽人人爽| 欧美日韩免费在线观看视频| 国内自拍偷第55页| 久久精品亚洲一区二区| 国产成视频在线观看| 久久国产精品99久久人人澡| 国产深夜视频在线观看| 国产精品18久久久久久不卡孕妇| 国产白丝精品91爽爽久久 | 亚洲一区二区三区乱码| 人妻丰满精品友田真希| chinese熟女熟妇伦| 亚洲gay猛男无套网站| 亚洲精品国产a久久久| 久久夜色精品亚洲| CHINESE乱偷高潮CCM6| 精品国产乱码久久久久久移动网络 | 制服人妻丝袜中文字幕在线| 亚洲Ⅴ国产V天堂A无码二区| h网站在线免费观看| 色噜噜噜噜噜噜噜| 一区二区三区国产精品视频| 99热在线观看精品| 江苏少妇性BBB搡BBB爽爽爽| 精品久久久久久久久久久久福利 |