Slik fjerner Blue Box Rundt Linker i HTML

August 12

Hvis du gjør en webside, og du ønsker å fjerne den blå boksen som er skapt rundt bilder som brukes som koblinger, er den beste måten å skape en ekstern CSS-stilark. CSS står for Cascading Style Sheets og er en populær måte å formatere og design websider. CSS har en mye lettere fordi en enkelt CSS-fil kan være knyttet til alle dine websider, holde utseendet på nettstedet ditt det samme som brukerne traversere koblingene.

Bruksanvisning

1 Lag CSS stilark ved å åpne din favoritt teksteditor eller kompilatoren og opprette en ny fil. Lagre denne filen som "style.css" eller et navn du foretrekker. Sørg for å inkludere "Css" slutt, ellers vil det ikke bli anerkjent som et stilark av datamaskiner og nettlesere.

2 Legg den nødvendige koden for å fjerne den blå boksen fra å dukke opp rundt bildene som brukes som koblinger. Dette vil bli:

en img {

border.none; }

Dette vil fjerne den blå boksen fra hvert bilde som brukes som et ledd i dine html-filer en gang CSS-filen er riktig implementert.

3 Åpne alle HTML-filene som har knyttet bilder med blå bokser. Det kan være lurt å åpne opp hver HTML-fil som er en del av ditt nettsted. Hvis du legger mer til CSS-filen kan du sikre at alle nettstedets sider holde deg oppdatert med endringer i stilarket ved å knytte stilark til dem alle.

4 I hver fil, finn <head> taggene. Det vil være en åpning <head> -taggen og en avsluttende </ head> tag. I mellom disse to head tags, plasserer denne koden for å koble din style sheet "style.css" med HTML-fil.

Dette forutsstilarket i samme katalog, eller mappe som HTML-filer. Hvis det ikke er du nødt til å sette i banen til katalogen på stilark før linken vil fungere. Hvis du ikke navngi filen "style.css", men i stedet "somethingElse.css", da må du sette det der "style.css" er.

Hint

CSS tilbyr mye funksjonalitet og kraft. Det kan gjøre mye mer enn å fjerne blå boksene fra koblinger!