0
큰 원 안에있는 다른 내부 원과 상대적인 위치를 가진 원을 만들고 CSS의 모든 원 중심에있는 텍스트를 만드는 방법은 무엇입니까?큰 원 안에 서클을 만들고 CSS의 모든 서클 가운데에 텍스트를 만드는 방법은 무엇입니까?
나는이 비슷한을 생산하기 위해 찾고 있어요 : http://i.imgur.com/m8HJr09.png
큰 원 안에있는 다른 내부 원과 상대적인 위치를 가진 원을 만들고 CSS의 모든 원 중심에있는 텍스트를 만드는 방법은 무엇입니까?큰 원 안에 서클을 만들고 CSS의 모든 서클 가운데에 텍스트를 만드는 방법은 무엇입니까?
나는이 비슷한을 생산하기 위해 찾고 있어요 : http://i.imgur.com/m8HJr09.png
당신이
CSS 같은 것을 사용할 수
.outer_circle {
height:400px;
line-height:400px;
width:400px;
border-radius:50%;
background-color:#000000;
position:relative;
margin:0 auto;
}
.outer_circle p {
text-align:center;
vertical-align:middle;
color:#ffffff;
}
.circle {
background-color:#aeaeae;
border-radius:50%;
height:40px;
line-height:20px;
width:40px;
position:absolute;
margin:10px;
}
.circle p {
font-size:10px;
vertical-align:middle;
color:#000000;
}
HTML
<div class="outer_circle" >
<div class="circle" style="top:10px;left:150px"><p>Text</p></div>
<div class="circle" style="top:70px;left:260px"><p>Text</p></div>
<div class="circle" style="top:150px;left:320px"><p>Text</p></div>
<div class="circle" style="top:250px;left:260px"><p>Text</p></div>
<div class="circle" style="bottom:70px;left:150px"><p>Text </p></div>
<p> Text Text Text Text Text Text Text Text </p>
필요에 따라 높이, 너비 등을 조정하십시오. 희망이 있습니다.