Lägga till Borders till din webbplats på Raspberry Pi

October 20

Du kan använda Raspberry Pi att sätta en ram runt olika delar av din webbsida, vilket är ett bra sätt att markera där delarna börjar och slutar, och att uppmärksamma de viktigaste elementen. Du kan använda åtta olika stilar av gränsen.

Lägga till Borders till din webbplats på Raspberry Pi

Här är de tre egenskaperna av gränsen som du kan styra:

  • border-width: Detta anger storleken av gränsen i pixlar. För en tunn linje, använd 1px. För något lite grövre, använd 4px. Högre värden är möjliga, men sällan ser bra ut.
  • border-style: Detta definierar vad gränsen kommer att se ut. Merparten av tiden, kommer du vill använda fast, och att? € s antas som standard. De andra alternativen är prickade, streckade, dubbel, groove, ås, inlägg, och början.
  • border-color: Du kan ange ett färgnamn eller färgnummer för gräns.

Försök lägga en tunn svart ram runt h1 och h2 rubriker. Du kan styla dem båda samtidigt genom att lista dem tillsammans, separerade med ett kommatecken, innan klamrarna, så här:

h1, h2 {border-width: 1px;
border-style: solid;
border-färg: svart; }

Du kan använda en förkortning formulär för styling gränsen också, som ersätter de tre instruktioner med en enda så här:

h1, h2 {border: 1px solid black; }

Om du donâ € t vill ha en gräns på alla sidor, kan du ange vilken sida du vill ha det (topp, botten, vänster eller höger), som den här, vilket skapar en trevlig horisontell linje under din rubrik:

h1, h2 {border-bottom: 1px svart fast; }