Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Círculos de colores numerados */
- span.red {
- background: red;
- border-radius: 0.8em;
- -moz-border-radius: 0.8em;
- -webkit-border-radius: 0.8em;
- color: #ffffff;
- display: inline-block;
- font-weight: bold;
- line-height: 1.6em;
- margin-right: 15px;
- text-align: center;
- width: 1.6em;
- }
- span.grey {
- background: #cccccc;
- border-radius: 0.8em;
- -moz-border-radius: 0.8em;
- -webkit-border-radius: 0.8em;
- color: #fff;
- display: inline-block;
- font-weight: bold;
- line-height: 1.6em;
- margin-right: 15px;
- text-align: center;
- width: 1.6em;
- }
- span.green {
- background: #5EA226;
- border-radius: 0.8em;
- -moz-border-radius: 0.8em;
- -webkit-border-radius: 0.8em;
- color: #ffffff;
- display: inline-block;
- font-weight: bold;
- line-height: 1.6em;
- margin-right: 15px;
- text-align: center;
- width: 1.6em;
- }
- span.blue {
- background: #5178D0;
- border-radius: 0.8em;
- -moz-border-radius: 0.8em;
- -webkit-border-radius: 0.8em;
- color: #ffffff;
- display: inline-block;
- font-weight: bold;
- line-height: 1.6em;
- margin-right: 15px;
- text-align: center;
- width: 1.6em;
- }
- span.pink {
- background: #EF0BD8;
- border-radius: 0.8em;
- -moz-border-radius: 0.8em;
- -webkit-border-radius: 0.8em;
- color: #ffffff;
- display: inline-block;
- font-weight: bold;
- line-height: 1.6em;
- margin-right: 15px;
- text-align: center;
- width: 1.6em;
- }
- <h1><span class="grey">1</span>Un circulo gris con un número interior</h1>
- <h1><span class="red">2</span>Un circulo rojo con un número interior</h1>
- <h1><span class="blue">3</span>Un circulo azul con un número interior</h1>
- <h1><span class="green">4</span>Un circulo verde con un número interior</h1>
- <h1><span class="pink">5</span>Un circulo rosa con un número interior</h1>
Add Comment
Please, Sign In to add comment