Deux façons d'implémenter le style de ligne pointillée CSS : en pointillés et en pointillés (exemple)-tutoriel CSS-php.cn

Deux façons d'implémenter le style de ligne pointillée CSS : en pointillés et en pointillés (exemple)

不言

Libérer： 2018-07-16 10:23:48

original

11500 Les gens l'ont consulté

Comment faire une bordure pointillée CSS ? Lors de la définition de la bordure pointillée HTML, vous pensez généralement au solide dans la bordure. Solid est le plus susceptible d'être utilisé dans la mise en page Web HTML. Si vous souhaitez avoir l'effet d'une ligne pointillée CSS, vous pouvez également utiliser une image comme image. arrière-plan, mais ce n'est pas recommandé. Essayez d'utiliser le style de ligne pointillée CSS pour obtenir l'effet de ligne pointillée Ensuite, le style de ligne pointillée CSS est en pointillés et en pointillés dans la bordure. ils sont différents. Veuillez consulter l'exemple suivant de démonstration d'utilisation du code de bordure en pointillé CSS.

Première méthode d'implémentation du style de ligne pointillée CSS : ligne pointillée en pointillé

<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>dotted虚线</title>
<style type="text/css">
*{
margin:100px;
padding:0;
}
body{
width:1000px;
margin:0 auto;
}
.box{
width:300px;height:50px;
text-align:center;
padding-top:30px;
border:1px dotted #000;
}
</style>
</head>
<body>
<div class="box">大家好，我是dotted虚线！</div>
</body>
</html>

Copier après la connexion

Effet d'affichage de la ligne pointillée en pointillé :

Deux façons dimplémenter le style de ligne pointillée CSS : en pointillés et en pointillés (exemple)

style de ligne pointillée CSS 2 : ligne pointillée pointillée

<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>dashed虚线</title>
<style type="text/css">
*{
margin:100px;
padding:0;
}
body{
width:1000px;
margin:0 auto;
}
.box{
width:300px;height:50px;
text-align:center;
padding-top:30px;
border:1px dashed #000;
}
</style>
</head>
<body>
<div class="box">大家好，我是dashed虚线！</div>
</body>
</html>

Copier après la connexion

effet d'affichage de la ligne pointillée pointillée :

Deux façons dimplémenter le style de ligne pointillée CSS : en pointillés et en pointillés (exemple)

La différence entre pointillé et pointillé dans la bordure de style pointillé CSS :

tiret : vient du tiret (tiret), une ligne pointillée composée de tiret

pointillé : À partir d'un point (point), une ligne pointillée composée de points, également appelée ligne pointillée

La démonstration ci-dessus permet aussi de voir intuitivement leur différence

Connexe recommandations :

Tutoriels d'exemples de lignes pointillées CSS courantes

Comment écrire une bordure pointillée avec 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Deux façons d'implémenter le style de ligne pointillée CSS : en pointillés et en pointillés (exemple)