Hvordan skrive en CSS-kant rundt et bilde

Cascading Style Sheets lar deg endre HTML-layout og vise egenskaper som plassering, farge og grenser. HTML-koden tag brukes til å vise et bilde på en webside og inneholder et "grense" attributt som lar deg sette grensen på og av, samt angi grensenes bredde. Kanskje du oppretter en markedsføringsside med spesialtilbud, og du vil at billedgrensen skal vises på en annen måte enn den grunnleggende firmaets nettside stil. Bruk CSS til å endre rammestilen for et bestemt bilde.

1.

Start en HTML eller tekstredigerer og åpne nettsiden. Finn tag for bildet du vil legge til grensen til.

2.

Sett inn CSS-stilattributtet for å starte din stilendring ( ). Sett inn "grensen" -egenskapen for å endre grensekvaliteten, for eksempel bredde, type og farge. Følgende bilde er utformet med en tykk rød strekk linje. Attributtene kan være i hvilken som helst rekkefølge.

3.

Endre grenseparametrene som ønsket. Kanttykkelsen kan være tykk, medium eller tynn eller en pikselstørrelsesverdi som "6px." Du kan velge mellom forskjellige grenseformer, inkludert dobbelt, solid eller stiplet. Farge kan også angis på flere måter: heks (# ffcc00), RGB (RGB (255, 0, 0)) eller et fargenavn (blå).

4.

Lagre siden og åpne i en nettleser for å vise skjermendringen.

Populære Innlegg