La numeraci n es un elemento importante al crear listas y organizar la informaci n. Los desarrolladores y dise adores web a menudo se enfrentan a la necesidad de personalizar la apariencia de la numeraci n para que se ajuste al estilo general de un documento o sitio. En esta instrucci n detallada, veremos c mo hacer que la numeraci n sea en negrita usando HTML y CSS.
El primer paso es crear una lista con vi etas con una etiqueta
Ahora la numeraci n de los elementos de la lista se mostrar en negrita, mientras que el texto de la lista se mostrar en letra normal (no en negrita).
- Uso de la etiqueta
- Adici n de un n mero para la numeraci n
- Aplicar estilos CSS
- Usando JavaScript para la numeraci n autom tica
Uso de la etiqueta
.
:
- Primer elemento de la lista
- El segundo elemento de la lista
- Tercer elemento de la lista
.
:
- Primer elemento de la lista
- El segundo elemento de la lista
- Tercer elemento de la lista
Adici n de un n mero para la numeraci n
Para agregar un n mero a la numeraci n, debe usar la propiedad CSS list-style-type y establecer el valor decimal.
Aplique un estilo al elemento de la lista que desee numerar:
Tambi n puede utilizar otros valores de la propiedad list-style-type para crear diferentes tipos de numeraci n, por ejemplo, lower-roman para la numeraci n romana o upper-alpha para la numeraci n Latina en may sculas.
Como resultado, los elementos de la lista se numerar n en consecuencia:
- Primer elemento de la lista
- El segundo elemento de la lista
- Tercer elemento de la lista
Tenga en cuenta que los ejemplos son sin estilos y solo se usan para demostrar la numeraci n.
Aplicar estilos CSS
.
CSS , :
}
,
counter-reset
::before
y propiedades
content
padding-right
especifica el texto en negrita y la sangr a a la derecha para el n mero de lista.
Por lo tanto, mediante la aplicaci n de estos estilos CSS, puede hacer que la numeraci n en negrita.