Explication détaillée de l'attribut border du style CSS

Utilisation détaillée de

border :

1 border-width AttributsDéfinir la largeur de la bordure

<.> Éventuellement Valeur : pixels <p></p>2, l'attribut

border-style définit le style de la bordure

Valeurs possibles : solide (ligne droite), pointillé (ligne pointillée) , pointillé (ligne pointillée) )<p></p>2. La propriété

border-color définit la couleur de la bordure

Valeurs possibles : rouge, #f00, #ff0000, rgb( 255,0,0), transparent<p></p>border-

left propriété définit la bordure gauche

border-

right propriété définit la bordure droite

border-

top Les attributs définissent la bordure supérieure

border-

bottom Les attributs définissent la bordure inférieure

Extension étendue

code html<p></p>

<p></p>

<p></p>code css<p></p>

 p {
    height: 20px;
    width: 20px;
    border-color: #FF9600 #3366ff #12ad2a #f0ed7a;
    border-style: solid;
    border-width: 20px;
}

résultat<p></p>

css code<p></p>

 p {    
    width: 0px;
    height: 0px;
    border-color: #FF9600 #3366ff #12ad2a #f0ed7a;
    border-style: solid;
    border-width: 20px;
}

résultat <p></p>

code css<p></p>

 p {    
    width: 0px;
    height: 0px;
    border-color: lightblue transparent trnasparent transparent;
    border-style: solid;
    border-width: 20px;
}

résultat<p></p>

code css<p></p>

 p {    
    width: 0px;
    height: 0px;
    border-color: transparent trnasparent pink;
    border-style: solid;
    border-width: 20px;
}

résultat<p></p>

code css<p></p>

 p {    
    width: 0px;
    height: 0px;
    border-color: transparent gray trnasparent transparent;
    border-style: solid;
    border-width: 20px;
}

résultat<p></p>

code css

 p {    
    width: 0px;
    height: 0px;
    border-color: transparent transparent trnasparent lightgreen;
    border-style: solid;
    border-width: 20px;
}

résultat<p></p>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!