Nwlapcug.com


Come impostare un'immagine come sfondo in una cella della tabella di pagina Web

Creazione di una pagina web può essere un compito intimidatorio, in particolare se non l'avete mai fatto prima. Richiede conoscenza dei linguaggi HTML e spesso CSS, al fine di posizionare e stilizzare gli elementi e gli oggetti che andranno nella pagina web. Tuttavia, quando puoi capire e usare queste lingue, avete una varietà di opzioni disponibili, come la possibilità di aggiungere immagini a una pagina web. È anche possibile impostare un'immagine come sfondo di una cella in una tabella.

Istruzioni

1

Aprire un web editing programma o un'applicazione di elaborazione testi.

2

Aprire una pagina web esistente o crearne uno nuovo.

3

Aggiungere una tabella alla posizione della pagina web dove si desidera visualizzarla. Il codice HTML per una tabella di una cella è:

< tabella >< tr >< td >< /td >< /tr >< / tabella >

Aggiungere più righe e le celle nella tabella aggiungendo "< tr >< /tr >" tag per righe aggiuntive e tag "< td >< /td >" per celle aggiuntive, se lo si desidera.

4

Aggiungere il codice di stile CSS per l'immagine di sfondo per il "< testa >< / testa >" sezione della pagina web. Il codice per un'immagine chiamata "cell_background.jpg" è:

< style type = "text/css" > .style1 {background-image: url('cell_background.jpg;);} < / stile >

Modificare l'URL per puntare al percorso dell'immagine che si prevede di utilizzare per lo sfondo della cella.

5

Aggiungere la classe per l'immagine di sfondo al tag "< td >" nella tabella in modo che il codice HTML finale è "< classe td ="style1">".

Consigli & Avvertenze

  • Se si desidera impostare un'altra immagine come immagine di sfondo per una cella diversa, seguire lo stesso metodo, ma modificare il nome della classe CSS.