Miten poistaa Borders CSS

Miten poistaa Borders CSS
Cascading Style Sheets, tai CSS, ovat standardoitu tapa muuttaa ulkoasua Web-sivuja. Monet muotoilun muutoksia voidaan tehdä yksinkertaisia ​​attribuutteja HTML tageja, mutta CSS on helpompi tehdä tämän tavalla, joka toimi kaikissa selaimissa ja myös tehdä asioita yhdessä paikalla, jotka koskevat koko asiakirjan. Tästä on osoituksena rajojen poistamisen kuvista sisältävät linkkejä; kuva linkin takana se oletuksena on sininen reuna ympärille. CSS voi poistaa tämän yhden kuvan, tai kaikki kuvat asiakirjassa.

Ohjeet

Poista Kaikki Image Borders

1 Luo CSS mallin. Tämä on tekstitiedosto laajentamista .css. Voit tehdä tämän, luoda ja tallentaa tiedoston Muistiossa tai jossakin muussa tekstieditorissa, nimeltään esimerkiksi "style.css." Tallenna tämä samassa hakemistossa kuin Web-sivun.

2 Kehossa teidän style.css tiedoston, lisää seuraava:

img {

border: none;

}

3 Avaa HTML-sivun kanssa tekstieditorissa. Past seuraava rivi <HEAD> kohta:

<Link rel = "stylesheet" href = "style.css" type = "text / css">

4 Tallenna tiedostot ja avaa dokumentin. Kaikki rajoja kaikki kuvat olisi nyt poissa.

Poistaminen rajan Yhden kuvan

5 Avaa HTML-tiedoston tekstieditorissa.

6 Etsi img tag, jotka haluavat muuttaa.

7 Lisää tyyliä että img tag:

<Img style = "border-style: none" />

8 Tallenna Web-sivun, ja laita takaisin selaimen. Yksi kuva ei enää ole raja.

Aiheeseen liittyviä artikkeleita