Colocación de CSS

[Triby2]

estoy con juangemelo01, además yo separo el border-radius en otra clase si varios elementos van a tener el mismo radio de borde, así después lo añado a los elementos en cuestión.

Para ejemplificar mejor: (modificando parte del css de juangemelo01)

Código CSS:

#Circulo{
background-color:blue;
border-color:goldenrod;
border-radius:100%;
}
 
#Cuadrado{
background-color:green;
border-color:red;
}
 
#Triangulo{
background: linear-gradient(45deg, darkred 33%, transparent 0);
background-repeat:no-repeat;
background-size:200px 200px;
border-color:pink;
}
 
.dibujar{
border:1px solid;
float:left;
height:200px;
margin:5px 10px;
padding:3px 6px;
width:200px;
}
 

Código HTML:

<div id="Triangulo" class="dibujar"></div>
<div id="Cuadrado" class="dibujar"></div>
<div id="Circulo" class="dibujar"></div>
 

De hecho, si consultas por ahí, la manera en que yo lo he puesto es la más correcta, un único Id por elemento, y las clases que se pueden adjudicar a cualquier elemento. Aunque, tal como juangemelo01 lo ha puesto también funciona... Solo hablo a nivel profesional ya! Pero ambas funcionan!