Hvordan lage Double grenser med CSS

Styles la deg legge til forskjellige typer forbedringer til Web sideelementer. Borders er nyttig for stil når du ønsker å bringe oppmerksomhet til et bestemt område, for eksempel en viktig avsnitt eller et bilde du ønsker å ramme. CSS gjør det mulig å bruke forskjellige stiler til en grense.

Bruksanvisning

1 Åpne stilark filen i websiden editor eller ren tekst editor. Se etter element som du ønsker å bruke en dobbeltramme stil til. For eksempel, hvis du ønsker å bruke stilen til elementet <p> Se etter CSS-regel for <p> tag som vist nedenfor:

p {
}

2 Sett egenskapen "border-style" i "p" regelen. Skriv "dobbel" som sin verdi som vist nedenfor. Legg merke til hvordan et kolon skiller eiendom og verdi, og hvordan erklæringen avsluttes med et semikolon.

p {
border-style: dobbel;
}

3 Klikk "Fil" og deretter "Lagre" for å lagre endringene i stilarket filen. Endringene vil reflektere i hver webside som kobler til filen.

Hint

• Legg til "border-width" eiendom hvis du ønsker å angi tykkelsen på grensen. Du kan velge mellom tre standardverdier "tynn", "middels" eller "tykk", eller angi verdien i piksler som "5px" (uten anførselstegn). Hvis du ikke angir en rammetykkelsen, vil standard brukes. Merk at "border-width" eiendom har ingen virkning hvis du ikke sette "border-style" først.
• Hvis du bruker doble rammer og rammetykkelsen sammen, summen av de to grenser og plass i mellom tilsvarer settet tykkelse.