Hvordan bruke bildene til Table Borders

March 5

Du trenger ikke å feste med en tradisjonell tabell for ditt nettsted. Ved å implementere gripende stilark, eller CSS, kan du tilpasse tabellen størrelse, padding og bakgrunnen automatisk eller bruke et bilde for tabellen grensen. Du bør bruke samme størrelse bredde for grensen og tabellen i CSS-koden. Så hvis tabellen er 800 piksler, bør grensen være for. Ved å øke rammens padding øker også tykkelsen av bordets kant. Avtagende det skaper en tynnere ramme.

Bruksanvisning

1 Åpne din favoritt tekstredigeringsprogram, for eksempel Notisblokk. Velg "File" og "Open" fra menyen. Dialogboksen Åpne vises. Dobbeltklikk på HTML-filen du ønsker å endre.

2 Legg CSS-koden mellom <HEAD> -kodene i HTML-filen:

<Style>

custom_outline {

width: 800px;

padding: 5px;

bakgrunn: url ( "your-image-file.jpg");

}

.custom_tab {

width: 800px;

bakgrunn: #fff;

}

</ Style>

3 Sett på 800px bredde under grensen og bord med den faktiske bredden på tabellen du oppretter. Endre filnavnet til bildet fra-image-file.jpg til selve bildet du ønsker å bruke. Hvis du vil endre hvor grense vises på bordet ditt, gå til "custom_outline" stil og erstatte padding: 5px; med en annen kode. Følgende kode viser bildekanten over og under bordet:

padding-top: 5px;

padding-bottom: 5px;

4 Plasser markøren mellom åpning og lukking <BODY> -kodene der du vil ha den tilpassede bordet å gå og sette inn følgende kode:

<Tr>

<Td> Din tabellens innhold </ td>

</ Tr>

</ Table>

</ Div>

5 Erstatt "Din tabellens innhold" med den faktiske informasjonen du vil skal vises i tabellen.

6 Klikk "Fil" og "Lagre" fra menyen for å oppdatere HTML-fil.