Código de CSS - Dibujar el contorno de un circulo con CSS

Imágen de perfil
Val: 418
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Dibujar el contorno de un circulo con CSSgráfica de visualizaciones


CSS

Publicado el 20 de Septiembre del 2019 por joel
698 visualizaciones desde el 20 de Septiembre del 2019
En este código se muestra una simple manera de dibujar el contorno de un circulo con CSS.

contorno-circulo-css


En este código se utiliza el ::before para dibujar un circulo mas pequeño en el interior.

1

Publicado el 20 de Septiembre del 2019gráfica de visualizaciones de la versión: 1
699 visualizaciones desde el 20 de Septiembre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
<style>
.contornoCirculo {
    position:relative;
    background-color:Red;
    width:180px;
    height:180px;
    border-radius:50% 50%;
}
.contornoCirculo::before {
    position:absolute;
    content:"";
    top:1%;
    left:1%;
    background-Color:#fff;
    height:98%;
    width:98%;
    border-radius:50% 50%;
}
</style>
 
</head>
<body>
 
<div class="contornoCirculo"></div>
 
</body>
</html>



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5537