Maison >interface Web >tutoriel CSS >Comment ajouter deux bordures à une image en CSS
Comment ajouter deux bordures à une image en CSS
- 醉折花枝作酒筹original
- 2021-07-23 14:11:403254parcourir
En CSS, vous pouvez utiliser le remplissage pour ajouter une deuxième bordure. Il vous suffit d'ajouter "border: border size solid color; padding: pixel size;" à l'élément d'image. Vous pouvez considérer la balise img comme un conteneur pouvant contenir des images et vous pouvez définir un remplissage pour celle-ci.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
L'ajout de doubles bordures aux images est également utilisé dans de nombreuses applications pratiques, mais ce n'est peut-être pas fréquent. Voici une brève introduction sur la façon d'obtenir cet effet, afin de maîtriser l'application de certaines propriétés CSS. Regardons d'abord un exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>document</title>
<style type="text/css">
img{
border:5px solid #696;
padding:5px;
background-color:#CCC;
}
</style>
</head>
<body>
<img src="mytest/demo/dborder.jpg"/>
</body>
</html>Le code ci-dessus obtient cet effet en définissant la bordure et le remplissage de la balise a1f02c36ba31691bcfe87b2722de723b En particulier, de nombreux débutants pensent souvent que a1f02c36ba31691bcfe87b2722de723b est un contenu similaire au texte. En fait, il ne peut pas être considéré comme un conteneur pouvant contenir des images (peut-être même s'il n'est pas assez précis). une frontière peut être définie pour cette distance.
Apprentissage recommandé : 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!