Home >Web Front-end >CSS Tutorial >How to set dotted line under css
How to set dotted line under css
- WBOYOriginal
- 2021-12-02 18:05:527532browse
In css, you can use the "border-bottom" attribute to set the lower dotted line style. This attribute is used to set the lower border style of the element. You only need to set the style value to "dashed" to achieve the dotted lower border. Effect; the syntax is "element {border-bottom: dashed line thickness value dashed color value;}".
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
How to set the dotted line under css
Can be set by setting the border-bottom attribute The lower dashed line of the element. Let’s take a look at an example. The example is as follows:
<!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 type="text/css">
p{
border-bottom:1px dashed black;
}
</style>
</head>
<body>
<p>设置下虚线</p>
</body>
</html>Output result:
(Learning video sharing: css video tutorial )
The above is the detailed content of How to set dotted line under css. For more information, please follow other related articles on the PHP Chinese website!