Els desenvolupadors poden aplicar diverses propietats CSS per fer que les seves pàgines web siguin més atractives, com ara ' alçada ' i ' amplada ' propietats per configurar la mida, ' alineació de text ' per ajustar el text, ' estil de vora ' i ' frontera-radi ” propietats per establir la vora al voltant de l'element. A més, podeu afegir una vora segons els vostres requisits, com ara en un costat de l'element, només per fer que les coses darrere dels objectes siguin més visibles.
Aquesta publicació demostrarà:
Mètode 1: establiu la vora d'un costat
En CSS, els usuaris poden establir la vora en un costat de l'element desitjat. Amb aquesta finalitat, el “ frontera-esquerra ”, “ frontera-dreta ”, “ vora superior ' i ' vora-baix Les propietats s'utilitzen per afegir vores al costat esquerre, dret, superior o inferior.
En aquesta secció, establirem específicament la vora del costat esquerre del contenidor. Per fer-ho, seguiu les instruccions esmentades a continuació.
Pas 1: creeu un contenidor div
Primer, creeu un contenidor div amb l'ajuda del ' Pas 2: inseriu el títol A continuació, utilitzeu el '< h1> ” per afegir un encapçalament dins del contenidor div. A més, també podeu utilitzar altres etiquetes d'encapçalament segons el requisit, com ara “< h1> ” a “< h6> 'etiquetes: Ara, accediu al contenidor HTML div i accediu al nom de la classe. Per fer-ho, un selector de classes ' # ” s'utilitza amb el nom de la classe. Pas 4: inseriu la vora només per un costat Després d'accedir al contenidor div, apliqueu les propietats CSS esmentades a continuació: La imatge resultant mostra la vora només amb un costat: Per establir la vora a tots els costats amb colors diferents, utilitzeu el codi HTML anterior. A continuació, accediu al contenidor div amb l'ajuda del nom d'identificador i del selector: Com a resultat, s'aplicarà la vora amb diferents estils a cada costat: Per establir la vora només d'un costat, primer, creeu un div amb el '
< h1 > Frontera a un costat h1 >
div >
Es pot veure que el contenidor s'ha creat correctament:
Pas 3: accediu al contenidor div
vora esquerra: 5 píxels sòlids vermell ;
fons: rgb ( 56 , 239 , 245 ) ;
marge: 20px 100px;
amplada: 200 píxels; alçada: 150 px
}
Aquí:
Mètode 2: establiu una vora a tots els costats amb diferents estils
marge: 80 píxels;
amplada de la vora: 8px 2px 1px 10px;
radi de la vora: 50px;
estil de vora: inserció sòlida de doble punt;
color de la vora: rgb ( 40 , 5 , 235 ) rgb ( 238 , 146 , 9 ) rgb ( 255 , 0 , 242 ) rgb ( 19 , 19 , 18 ) ;
}
En el codi proporcionat anteriorment:
En aquest article, heu après diferents maneres d'establir la vora CSS en un i diversos costats. Conclusió