亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何使這兩個半圓合并成一個圓

左邊黑色陰影的半圓怎么才能移動到右側,和另一個半圓合并成一個圓http://img1.sycdn.imooc.com//5f0fbd8900019d2707880485.jpg

正在回答

2 回答

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>boxshadow</title>

<style>

.a{

? ? width:500px;

? ? hidden:500px;

? ? display:flex;

}


.boxshadow-outset{

? ? width:50px;

? ? height:100px;

? ? box-shadow:-4px 4px 6px red inset;

? ? border-radius:50px 0 0 50px;

}

.boxshadow-inset{

? ? width:50px;

? ? height:100px;

? ? box-shadow:-4px -4px 6px blue inset;

? ? border-radius:0 50px 50px 0;

}

</style>

</head>

<body>

<div class="a">

?<div class="boxshadow-outset">

?</div>

?<div class="boxshadow-inset">

?</div>

</div>

</body>

</html>

用一個大div包著兩個小div,再用大div使用“display:flex;”?可以讓div在一行排列,然后它自動就合并了


1 回復 有任何疑惑可以回復我~
transform:translateX(75px);
1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

如何使這兩個半圓合并成一個圓

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號