Hur kan jag ställa in en CSS-kant bara på en sida?

Det kan ses att behållaren har skapats framgångsrikt:

Steg 3: Gå till div Container

Gå nu till HTML div-behållaren och få tillgång till klassnamnet. För att göra det, en klassväljare ' # ” används med klassnamnet.

Steg 4: Sätt in kant på endast en sida

Efter att ha kommit åt div-behållaren, använd nedanstående CSS-egenskaper:

Här:

• • ' gräns-vänster är en förkortningsegenskap för att ställa in bredd, stil och färg till vänster kantlinje.
  • ' bakgrund ”-egenskapen används för att justera bakgrundsfärgen för elementet.
  • ' marginal ” egenskaper sätter utrymmet utanför gränsen.
  • ' bredd ” definierar elementets breddstorlek i en behållare.

Den resulterande bilden visar gränsen med endast en sida:

Metod 2: Ställ in kant på alla sidor med olika stilar

För att ställa in gränsen på alla sidor med olika färger, använd ovanstående HTML-kod. Gå sedan till div-behållaren med hjälp av id-namnet och väljaren:

I den ovan angivna koden:

• • ' marginal ” anger det tomma utrymmet utanför elementet.
  • ' gränsbredd ” ställer in bredden med olika värden för varje sida. Vi har till exempel lagt till olika värden i pixlar.
  • ' gräns-radie ” används för att göra den runda kurvan av gränsen.
  • ' border-stil ”-egenskapen används för att ställa in gränsens stil. I det här scenariot ställs fyra olika typer av stilar in för varje sida av gränsen.
  • ' gräns färg ”-egenskapen används för att allokera färgen till kanten. Här ställs värdet för varje sida in som en annan färg.

Som ett resultat kommer gränsen med olika stilar på varje sida att tillämpas:

I den här artikeln har du lärt dig olika sätt att ställa in CSS-gränsen på en och flera sidor.

Slutsats

För att ställa in gränsen endast på en sida, skapa först en div med hjälp av '