1. Página principal
  2. CSS

Css icono de texto en el círculo

Ejemplos de código

0
0

icono dentro de un círculo de css 

i {
  background-color: white;
  border-radius: 50%;
  border: 1px solid grey;
  padding: 10px;
}
0
0

texto en el círculo de css 

.circle {
  width: 500px;
  height: 500px;
  line-height: 500px;
  border-radius: 50%;
  font-size: 50px;
  color: #fff;
  text-align: center;
  background: #000
}
<div class="circle">Hello I am A Circle</div>

Páginas relacionadas

Páginas de ejemplo relacionadas

cómo hacer un icono circular de css
hacer que el icono de círculo de css
icono de fuente dentro de un círculo de css
cómo hacer que el icono de círculo de fondo
css icono de texto en el círculo
css cómo hacer un círculo con el texto
crear círculo con el texto css
mostrar texto en css círculo

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Ссылка
English
..................................................................................................................
Link
Italiano
..................................................................................................................
Link
Polski
..................................................................................................................
Link
Română
..................................................................................................................
Legătură
한국어
..................................................................................................................
링크
हिन्दी
..................................................................................................................
लिंक
Français
..................................................................................................................
Lien
Türk
..................................................................................................................
Atıf
Česk
..................................................................................................................
Odka
Português
..................................................................................................................
Referênci
ไทย
..................................................................................................................
เชื่อมโยง
中文
..................................................................................................................
链接
Slovenský
..................................................................................................................
Odkaz
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

Popular en esta categoría

Páginas populares con ejemplos en la categoría

cómo hacer que el icono de círculo de fondo
icono de fuente dentro de un círculo de css
hacer que el icono de círculo de css
cómo hacer un icono circular de css
bootstrap fuente círculo
círculo icono de t en html
círculo de fondo para el icono de css
css círculo de un icono
cómo botón de forma de círculo en css
Botón 3d círculo html css
botón de icono de círculo de css
botón con círculos
cómo hacer que el círculo botón con el icono de css
cómo hacer un botón de círculo con la letra de css
botón de html css border radius
trazo radio botón css