Comment obtenir une bordure surélevée en CSS3-tutoriel CSS-php.cn

Comment obtenir une bordure surélevée en CSS3

WBOY

Libérer： 2021-12-16 11:13:29

original

5104 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut "border-style" pour obtenir un style de bordure en relief. Cet attribut est utilisé pour définir le style de la bordure de l'élément. Lorsque la valeur de l'attribut est "outset", vous pouvez définir le style de bordure. bordure de l'élément à relever. La syntaxe est : "Element {border-style:outset;}".

Comment obtenir une bordure surélevée en CSS3

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Comment obtenir une bordure en relief en CSS3

En CSS, si vous ne souhaitez pas obtenir un style de bordure en relief, vous devez utiliser l'attribut border-style. L'attribut

border-style est utilisé pour définir le style de toutes les bordures d'un élément, ou définir le style de bordure pour chaque côté individuellement.

Lorsque la valeur de l'attribut est définie sur début, définissez la bordure de départ 3D, qui est le style en relief.

L'exemple est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        div{
            width:100px;
            height:100px;
            background-color:pink;
            border-style:outset;
            border-width:5px;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment obtenir une bordure surélevée en CSS3