Hur man tar bort Borders i CSS

Cascading Style Sheets , eller CSS , är en standardiserad metod för att ändra utseendet och känslan av webbsidor . Många formatering ändringar kan göras med enkla attribut på HTML-taggar , men med CSS är det lättare att göra detta på ett sätt som fungerar i alla webbläsare och även att göra saker på ett ställe som gäller för ett helt dokument . Detta visas genom att ta bort gränserna från bilder som innehåller länkar , en bild med en länk bakom det kommer som standard har en blå ram runt det . CSS kan ta bort detta för en bild , eller för alla bilder i ett dokument . Instruktioner Review, ta bort alla bild Borders
1

Skapa ett CSS- mall . Detta är en textfil med ändelsen . Css . För att göra detta , skapa och spara en fil med Anteckningar eller någon annan textredigerare , som kallas till exempel " style.css . " . Spara i samma katalog som din webbsida
2

kroppen av din style.css filen , lägg till följande :

img {

gränsen : none ;

}
3

Öppna din HTML- sida med din texteditor . Tidigare följande rad i avsnittet :

4

Spara dina filer och öppna dokumentet . Alla gränser på alla bilderna bör nu vara borta . Addera bort en ram från en enda bild
5

Öppna din HTML-fil med din texteditor .

6

Hitta img-taggen som vill ändra
7

Lägg en stil till att img-taggen : .

< img src = " MyPic.jpg " style = " border - style : none " />
8

Spara din webbsida , och lägg det i webbläsaren . Den ena bilden kommer inte längre att ha en gräns .