HTML是一種標記語言，用于創(chuàng)建網(wǎng)頁。要創(chuàng)建同心圓，我們需要使用HTML的一些基本元素和CSS樣式來調(diào)整外觀。
<!DOCTYPE html>
<html>
<head>
<style>
.circle1 {
width: 60px;
height: 60px;
border-radius: 30px;
border: 2px solid #000;
margin: 10px auto;
}
.circle2 {
width: 100px;
height: 100px;
border-radius: 50px;
border: 2px solid #000;
}
</style>
</head>
<body>
<div class="circle1"></div>
<div class="circle2"></div>
</body>
</html>在這個例子中，我們創(chuàng)建了兩個div元素，它們被命名為“circle1”和“circle2”。然后我們將它們設(shè)置為圓形，設(shè)置了它們的寬度和高度，并添加了一個2像素的黑色邊框。這樣我們就創(chuàng)建了兩個同心圓。
我們使用CSS樣式用border-radius屬性設(shè)置了圓的邊角半徑，同時用margin屬性調(diào)整了同心圓的位置。我們將第一個圓的寬度和高度設(shè)置為60像素，并將圓的半徑設(shè)置為30像素，使其變成小圓。我們將第二個圓的寬度和高度設(shè)置為100像素，并將圓的半徑設(shè)置為50像素，使其變成大圓。
通過使用HTML和CSS樣式，我們可以很容易地創(chuàng)建同心圓。您可以根據(jù)需要調(diào)整它們的大小和位置，并添加任何其他元素來完善您的網(wǎng)頁設(shè)計。