Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > HTML Tutorial > body text

How to set border to dotted line in CSS_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:40:25

Original

1716 people have browsed it

How to set the border to a dotted line with CSS:

In the default state, the text boxes have solid borders. Let’s introduce how to implement the dotted border.

The example code is as follows:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.mytest{  width:200px;  height:200px;  border:1px dashed green;}</style></head><body><div class="mytest">蚂蚁部落</div></body></html>

Copy after login

The above code sets the border of a div to a dotted line. The method is to set the attribute value that controls the border shape in the border attribute to dashed.

The original address is: http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1892.html

The original address is: http://www.softwhy.com/ forum.php?mod=viewthread&tid=4700

Related labels：

CSS如何将边框设置为虚线

source：php.cn

Previous article：Why is the parent div not stretched_html/css_WEB-ITnose Next article：Why does the last line of the HTML source code of Baidu homepage have one more line? What a waste of space! _html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn