Portada
CONTENIDOS
HTML
- Tutorial
de HTML
- Artículos de HTML
- Enlaces relacionados
- Software para HTML
CSS
- Introducción
a las Hojas de Estilo - CSS
- Artículos de CSS
JAVASCRIPT
- Tutorial
de JavaScript
- Artículos de JavaScript
DISEÑO
Y ESTILO
- Artículos
de diseño, estilo, usabilidad y accesibilidad.
- Efectos con Paint
Shop Pro
PROMOCION
WEB
- Artículos
relacionados con la promoción de páginas web
ENTREVISTAS
- Emilio
Márquez
- Joaquín Gracia M.
- Adrian Hall
NOTICIAS
para Webmasters
FOROS
(en obras)
|
CSS
> ARTICULOS DE CSS
DECORANDO
EL MENU DROP DOWN EN CSS (HOJAS DE ESTILO)
CSS
ofrece infinitas opciones para decorar todos los elementos soportados
por HTML. Esta vez mostraré como aplicar nuestro estilo personalizado
a los menús tipo drop down.
Primero
definiremos el tag option, que contendrá el estilo de
letra, el tamaño, el color, etc...
option
{font-family: verdana; font-size: 10px; color: white}
Luego definiremos 2 estilos vinculados a option
que contendrán los colores de fondo de cada opción:
option.uno
{background-color: #CCC}
option.dos {background-color: #666}
El último paso es colocar el menú drop down con nuestro
estilo personalizado:
<select>
<option class="uno">Opción A</option>
<option class="dos">Opción B</option>
<option class="uno">Opción C</option>
<option class="dos">Opción D</option>
<option class="uno">Opción E</option>
<option class="dos">Opción F</option>
</select>
Ver ejemplo en marcha
Federico
Javier Elgarte
Webmaster de cssboulevar
|
|
