Tässä on pieni hyödyllinen CSS-koodinpätkä, jolla saa tehtyä ympyröitä. Koodista on hyötyä esimerkiksi, jos kuvan haluaa ympyrän sisään.

CSS

<style type="text/css">
.circle {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	background-color: #00F;
	display: table;
	height: 100px;
	width: 100px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
</style>

HTML

<div class="circle">
  <p>CSS</p>
  <p>Circle</p>
</div>

Esimerkki

Border-radiuksen minimi vaatimukset

• Firefor 4.0
• Chrome 4.0
• Safari 3.1
• Internet Explorer 9
• Opera 10.5