[HTML][CSS] Koło z tekstem w środku

[ωιncнєѕтєr 1 310]

[HTML][CSS] Koło z tekstem w środku

Przykład

HTML

<div id="kolo"><i class="fa fa-github"></i></div>

 

1. Cienki tekst - odpowiada za wyświetlanie zawartości koła.
2. Pogrubiony tekst - odpowiada za wyświetlanie koła.

CSS

#kolo { 
	background-color: #2AA0DA;      /* Kolor tła */
	color: #fff;      /* Kolor fonta*/
	width: 100px;      /* Szerokość diva */
	height: 100px;      /* Wysokość diva */
	border-radius: 50%;      /* Zaokrąglenie */
	text-align: center;      /* Formatowanie tekstu */
	line-height: 100px;      /* Odstęp pomiędzy wierszami */
	font-size: 85px;      /* Rozmiar fonta */
}

Zakaz kopiowania bez zgody autora - .