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;}".
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>Résultat de sortie :
(Partage vidéo d'apprentissage : Tutoriel vidéo CSS )
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
