You are on page 1of 2

color: blue;(Color de letra)

Xraid

padding: 10px;
border: 1px solid #fff;
width: 160px;
margin: 40px;
font-family: Trebuchet MS, verdana, sans-serif;
font-weigth: Trebuchet MS, verdana, sans-serif;

Definir el gradiente de color en el borde de los elementos

border-style: solid;
border-width: 10px;
-moz-border-top-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744
#ff6633 #ff5522 #ff4411 #ff3300;
-moz-border-right-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744
#ff6633 #ff5522 #ff4411 #ff3300;
-moz-border-bottom-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744
#ff6633 #ff5522 #ff4411 #ff3300;
-moz-border-left-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744
#ff6633 #ff5522 #ff4411 #ff3300;
Multiples imágenes de fondo
background-image: url(fondo2.png);
background-repeat: no-repeat;
background-position: bottom right;
Notación de color RGBA
rgba(255, 125, 0, 0.5);
background-color: rgba(0, 0, 255, 0.1);
color: rgba(0,255,0,0.8);
Alternativas Overflow-Wrap y Word-Wrap
overflow-wrap: normal;
overflow-wrap: break-word;
Textos multicolumna
-moz-column-width: 15em;
-moz-column-gap: 15px;
-webkit-column-width: 15em;
-webkit-column-gap: 15px;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;
-moz-column-count: 5;
-moz-column-gap: 2em;
-moz-column-rule: 1px solid #ccf;
-webkit-column-count: 5;
-webkit-column-gap: 2em;
-webkit-column-rule: 1px solid #ccf;
Bordes con imagenes
-moz-border-image: url(sello.png) 2 2 2 2 stretch stretch;
-webkit-border-image: url(sello.png) 2 2 2 2 stretch stretch;
padding:20px;
width: 100px;
Sombras box-shadow
box-shadow: 5px -9px 3px #000;
-moz-box-shadow: 1px 1px 0px #090;
-webkit-box-shadow: 3px 3px 1px #fc8;

You might also like