- -
Ayuda poliformaT

Árbol de páginas

Versiones comparadas

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.

...

Section


Section



Section



Sugerencia
iconfalse

CAMBIAR LAS PROPIEDADES DE FUENTE

Podemos cambiar las propiedades de fuente de una celda, una fila o una columna, un grupo de celdas, de filas o de columnas o de toda la tabla indicándolo en el atributo style con el subatributo font-style, color (con el color en código HTML o su código RGB (Tabla de colores) en el interior) y font-size con el tamaño indicado en pixeles. Se pondrá dentro de la etiqueta <td>, <th>, <tr> o <table> de cada celda que queramos sombrear.

Los tipos de estilo de fuente que se puede definir mediante font-size son los siguientes:

ValorDescripción

normal

El navegador muestra un estilo de fuente normal. Esto es predeterminado.

italic

El navegador muestra un estilo de fuente en cursiva.

oblique

El navegador muestra un estilo de fuente oblicuo.

Veámoslo con un ejemplo:


Hacemos los siguientes cambios en nuestro código HTML de ejemplo:

Section


Column
width50%


Bloque de código
languagexml
titleCódigo original
<div class="table-responsive">
<table class="table table-bordered table-condensed
table-hover table-striped" style="width:100.0%">
    <thead>
        <tr>
            <th scope="row">F1, C1</th>
            <th scope="col">Columna 2</th>
            <th scope="col">Columna 3</th>
            <th scope="col">Columna 4</th>
        </tr>
    </thead>
    <tbody>
		<tr>
			<th scope="row">Fila 2</th>
			<td>Celda 01</td>
			<td>Celda 02</td>
			<td>Celda 03</td>
		</tr>



Column
width50%


Bloque de código
languagexml
titleModificaciones
<div class="table-responsive">
<table class="table table-bordered table-condensed
table-hover table-striped"
style="width:100.0%; color: #5F9EA0">
    <thead>
        <tr>
            <th scope="row">F1, C1</th>
            <th scope="col">Columna 2</th>
            <th scope="col">Columna 3</th>
            <th scope="col">Columna 4</th>
        </tr>
    </thead>
    <tbody>
		<tr style="font-style: italic">
			<th scope="row">Fila 2</th>
			<td>Celda 01</td>
			<td style="font-size: 25px;">Celda 02</td>
			<td style="color: #FF7F50;">Celda 03</td>
		</tr>




Section



Info
titleVisualización

Color de fuente de la tabla "cadetblue" - #5F9EA0 - rgb(95, 158, 160). Fila 2 en itálica. Celda 02 con tamaño de fuente 25px. Celda 03 con color de fuente de la tabla "coral" - #FF7F50 - rgb(255, 127, 80).


Panel
borderWidth0
Section
Section
Column
width50%
Panel
bgColor#7c7c7c
borderStylenone
Image Removed
Column
width50%
Panel
bgColor#194d68
borderStylenone

Image Removed

Section
Column
width10%

Image Removed

Column
width90%
Sugerencia
iconfalse

Centro de Atención al Usuario del Área de Sistemas de Información y Comunicaciones

Tel. 96 387 77 50 (Ext. UPV 77750
Edificio 4H4 del Campus de Vera



Incluir página
Pie de pagina
Pie de pagina