Imbottitura e bordi in CSS utilizzando i parametri margin, padding e border. CSS: confine

17.06.2019 Errori

Frame (parametri di blocco)

I valori di queste proprietà vengono utilizzati per impostare le caratteristiche dell'area intorno all'elemento.
Questo può essere applicato a simboli, immagini, ecc.

Parametri	Senso	Descrizione
bordo-top-colore bordo-colore-destro bordo-sinistro-colore bordo-fondo-colore colore del bordo	colore (nessun colore predefinito)	Determina il colore dei quattro lati delle cornici. Se sostituisci l'URL con un'immagine per il colore, si ripeterà per formare un bordo.
stile border-top stile bordo destro stile bordo-sinistro stile bordo-basso stile del bordo	nessuno (predefinito) solido Doppio scanalatura cresta inserto fin dall'inizio	Determina lo stile dei quattro lati delle cornici.
bordo-top confine-destra bordo-sinistra bordo-fondo confine	larghezza del telaio, stile_cornice, colore (predefinito: medio, nessuno, nessun colore)	Determina le proprietà dei quattro lati dei frame. Funziona allo stesso modo delle proprietà del padding (vedi sotto), tranne per il fatto che il bordo è visibile. larghezza del telaio può essere medio, sottile, spesso o in unità. frame_style può essere nessuno o solido Discussione colore utilizzato per definire il colore di riempimento dello sfondo di un elemento durante il caricamento e anche dietro le parti trasparenti dell'elemento. Se si passa invece l'indirizzo dell'immagine, il disegno verrà ripetuto, riempiendo il contorno della cornice.
bordo-larghezza-superiore bordo-larghezza-destra bordo-larghezza-sinistra bordo-basso-larghezza larghezza del bordo	magro medio (predefinito) di spessore lunghezza	Determina la larghezza del bordo attorno all'elemento. Ogni lato può essere specificato dal parametro corrispondente. È possibile sostituire l'impostazione di quattro singole proprietà impostando una proprietà larghezza del bordo come per le proprietà del rientro margine.
ciip	rect (/alto/destra/basso/sinistra/) automatico (predefinito)	Determina la parte visibile di un elemento. Qualsiasi cosa al di fuori dell'area specificata da questo parametro non può essere vista.
Schermo	"", nessuno "" (predefinito)	Questo parametro specifica se l'elemento verrà visualizzato.
galleggiante	nessuno (predefinito) sinistra Giusto	Specifica che altri elementi scorrono intorno all'elemento a sinistra oa destra, invece di posizionarli sotto di essi. Supportato dai tag , ...
altezza	automatico (predefinito) lunghezza	L'altezza dell'elemento viene impostata e misurata, se necessario. Il valore viene restituito come una stringa che include le unità (px,%, ecc.). La proprietà posHeight viene utilizzata per ottenere il valore numerico.
sinistra	automatico (predefinito) lunghezza interesse	Imposta la coordinata orizzontale di un elemento, consentendo agli elementi di essere posizionati e spostati correttamente. Il valore viene restituito come una stringa che include le unità (px,%, ecc.). La proprietà posLeft viene utilizzata per ottenere il valore come numero.

Esempio 1:
Questa linea è sottolineata con una linea tratteggiata. Esempio 2: Diversi tipi di frame.

1. nessuno - Nessun confine (confine: nessuno;)

2.solido - C'è un bordo (confine: 1px solido;)

Esempio 4: Cornice con angoli arrotondati.

... nelle dichiarazioni dei redditi;
... certificati 2-NDFL;

Tutti i documenti elencati indicano il codice OKTMO a 11 cifre invece dei codici OKATO utilizzati in precedenza.

#org
{
larghezza: 80%;
margine superiore: 2em;
margine sinistro: auto;
margine destro: auto;
bordo-raggio: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
imbottitura: 15px 20px 15px 80px;
margine: 0px 0px 0px 0px;
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px # 999;
/ * Modifica dell'altezza minima di IE * /
altezza minima: 40px;
altezza: auto! importante;
altezza: 40px;
trabocco: visibile;

Posizione: relativa;
in basso: 6px;
a destra: 6px;
bordo: 1px solido # 7e5a25;
/ * Imposta la posizione dell'immagine di sfondo * /
posizione di sfondo: 20px 50%;
background-repeat: no-repeat;
text-align: giustifica;
dimensione del carattere: 0.9em;

Colore di sfondo: # e8e3d4;
immagine di sfondo: url (baba.gif);
}

A partire dal 1 gennaio 2014, i nuovi codici OKTMO sono indicati in:
... nelle dichiarazioni dei redditi;
... certificati 2-NDFL;
... ordini di pagamento (campo 105);
... ricevuta di pagamento di tasse, diritti, dazi, modulo PD-4 imposta.

Tutti i documenti elencati indicano il codice OKTMO a 11 cifre invece dei codici OKATO utilizzati in precedenza.

Esempio 5: un frame è incorniciato con tabelle nidificate.

A.V. Suvorov

Tabelle annidate

foto

Tabella 1
Bordo nero stretto (5px) Opzioni tabella:

table -> bgcolor = # 000000 style = "border: 2px solid # a3852f"
td -> style = "imbottitura: 5px"

Esempio 6: Bordo verticale.

Larghezza e altezza degli elementi del blocco

Proprietà CSS larghezza e altezza- impostare la larghezza e l'altezza degli elementi del blocco.
La larghezza e l'altezza di un elemento possono essere impostate nei seguenti modi:

auto- La dimensione di un elemento è determinata dal suo contenuto. (predefinito)
% - La dimensione dell'elemento è impostata come percentuale dell'altezza/larghezza dell'elemento genitore.
px- La dimensione dell'elemento è impostata in pixel o qualsiasi altra unità di misura accettata nei CSS.

Esempio:

Blocco 1

Blocco 2

Blocco 3

Controllo del contenuto di un elemento

Cosa fare con il contenuto di un elemento se supera le sue dimensioni?

Se a un elemento sono stati assegnati valori esatti di altezza e larghezza ( altezza larghezza) e il suo contenuto, ad esempio un testo lungo, non rientra nei limiti specificati, quindi per impostazione predefinita tale elemento viene allungato alla dimensione richiesta, che non è sempre nelle mani del webmaster. L'attributo viene in soccorso straripamento che dice al browser cosa fare con l'elemento in questi casi.

Proprietà straripamento può avere i seguenti significati:

visibile- L'elemento è allungato alla dimensione richiesta. (predefinito)
nascosto- Il contenuto dell'elemento è "tagliato"; è visibile solo quella parte di esso che è posizionata nell'elemento.
scorrere- Vengono aggiunte barre di scorrimento (sempre! Anche se il contenuto rientra nell'elemento).
auto- Le barre di scorrimento vengono aggiunte secondo necessità.

Esempio:

CSS

CSS(Inglese Fogli di stile a cascata - fogli di stile a cascata) - un linguaggio formale per descrivere l'aspetto di un documento scritto utilizzando un linguaggio di markup, ecc. ..............

Risultato

CSS

CSS(Inglese Fogli di stile a cascata - fogli di stile a cascata) è un linguaggio formale per descrivere l'aspetto di un documento scritto utilizzando un linguaggio di markup. Modi per connettere CSS a un documento
Le regole CSS sono scritte nel linguaggio formale CSS e si trovano nei fogli di stile, ovvero i fogli di stile contengono regole CSS. Questi fogli di stile possono trovarsi sia nel documento web stesso, di cui descrivono l'aspetto, sia in file separati che hanno il formato CSS. (Fondamentalmente, il formato CSS è un normale file di testo. Il file .css non contiene altro che un elenco di regole CSS e commenti ad esse.) Cioè, questi fogli di stile possono essere inclusi, incorporati nel documento web che descrivono in quattro modi diversi :

Quando un foglio di stile si trova in un file separato, può essere collegato a un documento Web utilizzando il tag situato in questo documento tra i tag e.
(Etichetta avrà un attributo href impostato all'indirizzo di questo foglio di stile). Tutte le regole di questa tabella sono valide per l'intero documento;

.....
Quando un foglio di stile si trova in un file separato, può essere collegato a un documento Web utilizzando la direttiva @import, situata in quel documento tra i tag e) subito dopo il tag
Quando il foglio di stile è descritto nel documento stesso, può essere posizionato in esso tra i tag(che, a loro volta, si trovano in questo documento tra i tag e). Tutte le regole di questa tabella sono valide per l'intero documento;

.....
Quando un foglio di stile è descritto nel documento stesso, può trovarsi in esso nel corpo di qualche tag separato (tramite il suo attributo di stile) di quel documento. Tutte le regole in questa tabella si applicano solo al contenuto di questo tag.
compra un elefante

Per separare chiaramente il contenuto di una cella da un'altra, vengono aggiunti dei bordi alle celle. Il parametro border del tag è responsabile della loro creazione.

che determina lo spessore del telaio.

L'esempio 1 mostra come creare un bordo attorno alle celle.

Esempio 1. Aggiunta di una cornice a una tabella

Spessore del bordo

Cheburashka

Coccodrillo Gena

Shapoklyak

I frame creati in questo modo differiscono leggermente nel loro aspetto nei diversi browser.

Riso. 1. Il frame ottenuto utilizzando il parametro border

Per ottenere un bordo dello stesso tipo, si consiglia di applicare il tag stile bordo, applicandolo alle celle della tabella (il o ). Tuttavia, anche qui ci sono delle insidie. Poiché viene creata una cornice per ogni cella, si ottiene un bordo di doppio spessore nei punti di contatto delle celle. Esistono diversi modi per risolvere questa funzione. Il modo più semplice consiste nell'usare la proprietà border-collapse impostata su compression. Il suo compito è tracciare il contatto delle linee e, invece di un doppio bordo, rappresentarne uno singolo. Aggiungi questo attributo datatkov al tag

, e poi farà tutto da solo (esempio 2).

Esempio 2. Utilizzo del collasso del bordo per creare i bordi della tabella

Creazione della cornice

0	X	X
0	0	X
X	X	0

La differenza tra i bordi della tabella quando si aggiunge il parametro border-collapse, così come senza di esso, è mostrata in Fig. 2.

Riso. 2. Vista tabella quando si utilizza l'attributo border-collapase

Nella fig. 2a mostra la cornice della tabella predefinita. Nota che all'interno della tabella, tutte le linee hanno una larghezza doppia. L'aggiunta del parametro di compressione del bordo rimuove questa caratteristica e lo spessore di tutte le linee diventa lo stesso (Fig. 2b).

Per sviluppare linee dello stesso tipo all'interno della tabella, puoi andare dall'altra parte. Dovrebbe essere aggiunto per il selettore frame, ma cancella la riga a destra e in basso impostando gli attributi corrispondenti su nessuno. Quindi, quando le celle vengono unite, i loro bordi non si sovrapporranno tra loro, per il motivo che ci sarà solo una riga. Tuttavia, con questo metodo di formazione dei bordi, non ci sono righe sotto ea destra della tabella stessa. Aggiunta di parametri bordo destro e bordo inferiore al selettore

, ci ritroveremo con il frame desiderato (esempio 3). Per coerenza, occorre prestare attenzione a far corrispondere lo stile, lo spessore e il colore del bordo in tutti i casi.

Esempio 3. Creazione di un bordo per una tabella utilizzando l'attributo border

Creazione della cornice

0	X	X
0	0	X
X	X	0

Questo metodo può avere variazioni, ad esempio, per il selettore aggiungiamo un bordo solo a destra e in basso, e in

al contrario, aggiungiamo l'attributo border, ma rimuoviamo la linea a destra e in basso. In ogni caso, il risultato presentato sarà uno.

Un aspetto semplice e originale della tavola si ottiene facendo combaciare il colore del bordo con il colore dello sfondo. Ma affinché le linee siano visibili, è imperativo riempire lo sfondo del tag

il testo dovrebbe essere scritto in una riga in modo che non ci siano spazi tra le celle.

Cornice decorativa

Per creare la cornice desiderata, devi prima disegnarla in un editor grafico. Nella fig. 3.4, ad esempio, mostra una cornice con angoli arrotondati. Quindi abbiamo tagliato questa immagine in 9 parti, contrassegnate nella Figura 3.5 con linee e numeri arancioni. Puoi tagliare l'immagine, ad esempio, nel programma ImageReady o in un altro programma simile.

Riso. 3.4.

Riso. 3.5.

Dopo aver tagliato il disegno a pezzi, otteniamo 8 frammenti:

Il quinto frammento di frame non sarà (5.gif), poiché lo sostituiremo con il contenuto. Ora creiamo una tabella 3x3, come mostrato in fig. 3.2 e posiziona le immagini create nelle sue celle.

Esempio 3.4. Crea una cornice decorativa

o ... Quindi si ottengono le celle della tabella, come se fossero tagliate da un cutter tra di loro (esempio 4).

Esempio 4. Utilizzo di bordi invisibili in una tabella

Creare confini

0	X	X
0	0	X
X	X	0

In questo esempio, il colore di sfondo della pagina Web viene iniettato tramite la proprietà background aggiunta al selettore BODY. Sebbene il bianco sia l'impostazione predefinita, a volte è preferibile impostarlo in modo che l'utente non specifichi il colore di sfondo tramite le impostazioni del browser. Le righe della tabella dovrebbero avere lo stesso colore, in questo caso chiaramente non vengono visualizzate e dividono solo le celle tra di loro.

Il risultato dell'Esempio 4 è mostrato di seguito.

Riso. 3. Vista dei bordi che corrispondono al colore di sfondo

Consideriamo qualche documento. Su di esso si formano elementi html (visualizzati sullo schermo nel browser). Sono generati in base ai tag. Posiziona i tag, vengono elaborati da un parser html (disponibile in qualsiasi browser) e costruisci elementi html. E come appariranno questi elementi è determinato dal CSS.

Tutti gli elementi html hanno 4 regioni: area di riempimento, bordo, riempimento e contenuto dell'elemento. A cosa servono?

I margini esterni sono necessari per regolare l'interazione di questo elemento con i confini di altri elementi.
Il padding è la distanza dal bordo al contenuto di questo elemento.
Il contenuto dell'elemento stesso. È chiaro qui. Se sono presenti elementi nidificati, si trovano in quest'area.
Cornice (bordo). Delinea i bordi di un elemento. Le 4 aree possono essere schematicamente rappresentate come segue:

Dovrebbe essere chiaro che ogni elemento si trova all'interno di una certa area. Quest'area per l'elemento che si trova al suo interno è chiamata contenitore. Quelli. il contenitore è l'area del contenuto dell'elemento genitore. Quest'area definisce lo spazio per la costruzione dell'elemento interno. Ciò significa che l'elemento interno si adatterà alle dimensioni di quest'area.

Imbottitura esterna

Questo è quando il nostro elemento interagisce con i bordi del contenitore e con i bordi degli elementi vicini (quelli che si trovano accanto ad esso nel codice). Regole fondamentali:

margin-top: auto | valore |% - margine superiore.
margin-right: auto | value |% - margine destro.
margin-bottom: auto | value |% - margine inferiore.
margin-left: auto | value |% - margine sinistro.
margin: margin-top margin-right margin-bottom margin-left è una regola di raccolta.

Il valore "auto" significa che il browser analizzerà questi valori da solo. La dimensione del rientro può essere specificata nei seguenti valori: em, ex, px. Le percentuali (%) sono calcolate dalla larghezza del contenitore (dall'area del contenuto dell'elemento padre). Se specifichi un valore negativo, i bordi degli elementi all'interno del contenitore padre si sovrapporranno.

La regola del “margine” è modulare, qui sono indicati i valori di tutti e 4 i margini (partendo dall'alto e in senso orario). Esempi:

Margine: 10px 20px 20px 30px; margine: 10px 20px 30px; - il rientro sinistro e destro è lo stesso margine: 10px 20px; - rientro dall'alto - basso e sinistra - lo stesso sul margine destro: 10px; - tutti i trattini sono uguali

Imbottitura interna

Non ci possono essere valori negativi qui, perché è impossibile spingere il contenuto fuori dalla cornice dell'elemento. Le percentuali sono calcolate dalla larghezza del contenitore.

padding-top: valore |%.
padding-right: valore |%.
padding-bottom: valore |%.
padding-left: valore |%.
padding: padding-top padding-right padding-bottom padding-left è una regola collettiva. Simile a "margine".

Cornici in CSS

Tutti i telai hanno le seguenti caratteristiche:

Spessore - larghezza bordo: misura (sottile | medio | spesso). L'impostazione predefinita è media.
Colore - colore del bordo: colore. L'impostazione predefinita è il colore del carattere in questo elemento.
Tipo - stile bordo: nessuno | punteggiato | tratteggiato | solido | doppio | scanalatura | cresta | inserto | inizio. Tipi: senza cornice | punti | linea tratteggiata | solido | doppio | imitazione del rilievo.

Il telaio si regola da solo:

border-top- (larghezza | colore | stile).
border-right- (larghezza | colore | stile).
border-bottom- (larghezza | colore | stile).
border-left- (larghezza | colore | stile).
bordo: colore del bordo in stile bordo larghezza bordo. Regola combinata.

Le informazioni con una cornice ti permettono di separare un materiale su una pagina web da un altro e catturare l'attenzione del lettore.
Inoltre, la cornice conferisce eleganza al design del sito.
Esistono diversi modi per creare frame, la maggior parte dei quali utilizza le proprietà delle tabelle. Gli stili completano le capacità delle tabelle e consentono di semplificare i diversi tipi di frame. Di seguito sono riportate alcune tecniche comuni per ottenere frame che possono essere trovati ovunque su diversi siti.

Parametro confine

Il modo più semplice per creare un bordo consiste nell'utilizzare i parametri della tabella border, che determina lo spessore del bordo, e bordercolor, che ne determina il colore. I frame creati in questo modo differiscono nel loro aspetto nei diversi browser (Fig. 3.1).

Riso. 3.1. Il frame ottenuto utilizzando il parametro border

Netscape imita la tridimensionalità del bordo, Opera lascia inalterato il suo colore e Internet Explorer rende il bordo solido.

Esempio 3.1. Utilizzo del parametro border

cellpadding = "6" cellpadding = "0" bgcolor = "# E0E0E0">

Contenuto

Il parametro border definisce lo spessore del bordo, bordercolor è il suo colore, cellpadding imposta la distanza dal bordo al contenuto della tabella.

Tabelle annidate

Un altro modo semplice e versatile per costruire un frame, che funziona allo stesso modo in diversi browser, si basa sulla sovrapposizione di due tabelle una sopra l'altra. Se prendiamo un rettangolo fatto, ad esempio, di carta rossa e vi sovrapponiamo un altro rettangolo di colore bianco, un po' più piccolo, vedremo una cornice rossa. Ma invece di un foglio di carta, usiamo il tag TABLE e impostiamo il colore della tabella con il parametro bgcolor.

Esempio 3.2. Utilizzo di tabelle nidificate

cellpadding = "1" bgcolor = "# FF0000">

larghezza = "300" altezza = "300">

Contenuto

Nella tabella superiore, impostare la larghezza e l'altezza della tabella come desiderato, utilizzando il parametro bgcolor impostare il colore della cornice, spazio tra le celle assegnare a zero, e imbottitura cellulare controlla lo spessore del bordo. Più grande è questo parametro, più spessa sarà la cornice.
Per la tabella interna è necessario impostare il suo colore diverso dal colore di quella esterna, che coincide con il colore di sfondo della pagina web, nell'esempio, ad esempio, impostata su bianco. Parametro spazio tra le celle o imbottitura cellulare(in questo caso, non importa cosa usare) determina la distanza dal bordo della cornice al contenuto della tabella.
La larghezza e l'altezza della tabella interna devono essere uguali alla larghezza e all'altezza della tabella esterna.
Commento: Le interruzioni di riga nel testo HTML aggiungono automaticamente uno spazio. Se il bordo in alcuni punti risulta essere più spesso del previsto, dovresti rimuovere gli spazi extra tra i tag e quindi ridurre il numero di righe.

Riempire le celle della tabella con il colore

L'utilizzo del colore di sfondo delle celle della tabella è uno dei modi più versatili e comuni per creare un bordo. Crea una tabella (Fig. 3.2) e riempi le celle più esterne con il colore desiderato (Fig. 3.3).

Riso. 3.2. Riso. 3.3

Lo spessore del bordo è determinato dalla larghezza e dall'altezza delle celle. Assicurati di posizionare uno spaziatore all'interno di queste celle di tabella - un'immagine trasparente di 1 per 1 pixel (nell'esempio si chiama spacer.gif), altrimenti questo metodo non funzionerà nel browser Netscape.

Esempio 3.3. Crea un bordo riempiendo le celle della tabella con il colore

cellpadding = "0">

		altezza = "2">
altezza = "2">	Contenuto	altezza = "2">
altezza = "2">		altezza = "2">

In questo esempio, viene creato un bordo rosso di 2 pixel, sembra il più elegante. Parametri della tabella spazio tra le celle e imbottitura cellulare uguale a zero in modo che il telaio rimanga dello spessore desiderato e senza spazi vuoti. Se metti del testo all'interno di una tabella del genere, si adatterà perfettamente alla cornice, che è brutta e difficile da leggere. Per aggiungere rientri, puoi creare celle aggiuntive per questo scopo, utilizzare una tabella nidificata o utilizzare gli stili.

Commento: Il metodo indicato è sensibile a diversi parametri, pertanto, in caso di disegno errato del telaio, è necessario verificare quanto segue:

se la dimensione della tabella è impostata in pixel, è necessario impostare le dimensioni fisse di tutte le celle;
quando la larghezza della tabella è specificata in percentuale, è necessario inserire del testo all'interno della cornice che "espande" la cella interna alla larghezza desiderata; in assenza di testo o altro contenuto all'interno della tabella con bordo, la sua larghezza sarà molto più ampia di quanto desiderato;
nelle celle dove passa il bordo, non devono esserci caratteri spaziali non separabili (& nbsp;), che alcuni editor di pagine web amano aggiungere automaticamente;
l'interruzione di riga aggiunge automaticamente uno spazio al testo, quindi tra i tag di apertura e chiusura

	larghezza = "1">
	Contenuto
	larghezza = "1">

Nella tabella parametri bordo, spazio tra le celle e imbottitura cellulare deve essere uguale a zero, altrimenti le linee non si attraccheranno tra loro.
Inseriamo gli angoli come immagini normali usando il tag IMG, ma le linee orizzontali e verticali dovrebbero essere impostate usando lo sfondo della cella della tabella, usando il parametro sfondo... Questo renderà il nostro frame scalabile e ridimensionabile in base al contenuto.
In modo che le linee si adattino perfettamente l'una all'altra e non vi siano spazi tra loro, è imperativo indicare tutte le dimensioni delle celle e delle figure.
Nelle celle in cui sono posizionate le linee orizzontali e verticali sullo sfondo, è necessario posizionare un distanziatore: si tratta di uno spazio o di un formato GIF trasparente 1 per 1 pixel (nell'esempio, il file si chiama spacer.gif). Questo viene fatto per indurre il browser Netscape a non visualizzare il contenuto di una cella se è vuota.
Questo metodo consente di creare cornici di quasi tutti i tipi.

Uso degli stili

È possibile utilizzare gli stili per applicare un bordo a qualsiasi tag di blocco come paragrafo (tag P), tabella e tag DIV. Gli stili rendono più semplice e conveniente la creazione di una cornice rispetto all'utilizzo di tabelle e forniscono diversi tipi di cornici, mostrati in Fig. 3.6.

Riso. 3.6 Visualizzazione dei riquadri impostati utilizzando gli stili

I primi due tipi di frame sono - punteggiato e tratteggiato solo dalle versioni precedenti sono supportati dai browser Netscape e Internet Explorer.
Il frame è impostato nel modo più semplice dal parametro confine, che ne indica immediatamente il tipo, lo spessore e il colore.

Esempio 3.6. Uso degli stili

Quando lavori al computer, devi sederti in modo che
le mani con gli avambracci formano un angolo retto, metti gli occhi su
distanza 30-40 cm dalla superficie di lavoro del monitor.

L'esempio utilizza un doppio bordo, il cui spessore è la somma della larghezza delle linee e della distanza tra di esse. Per evitare che la cornice tocchi il testo, il rientro dalla cornice al contenuto viene impostato con il parametro imbottitura.
Commento: Il browser Netscape 4.x non aggiunge un bordo alle tabelle e limita la larghezza del bordo al suo contenuto.

Imbottitura e bordi in CSS utilizzando i parametri margin, padding e border. CSS: confine

Tabelle annidate

Controllo del contenuto di un elemento

CSS

Risultato

CSS

Imbottitura esterna

Imbottitura interna

Cornici in CSS

Parametro confine

Esempio 3.1. Utilizzo del parametro border

Tabelle annidate

Esempio 3.2. Utilizzo di tabelle nidificate

Riempire le celle della tabella con il colore

Esempio 3.3. Crea un bordo riempiendo le celle della tabella con il colore

Cornice decorativa

Esempio 3.4. Crea una cornice decorativa

Uso degli stili

Esempio 3.6. Uso degli stili

Principali articoli correlati