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

Val: 870

Dibujar el contorno de un circulo con CSS

Publicado el 20 de Septiembre del 2019 por Joel (150 códigos)

5.899 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.

Publicado el 20 de Septiembre del 2019

5.900 visualizaciones desde el 20 de Septiembre del 2019

<!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>

No hay comentarios

http://lwp-l.com/s5537

Poner dos o tres imágenes de fondo de pantalla

Dibujar medio contorno de un circulo con CSS