Home  >  Article  >  Web Front-end  >  How to set border to dotted line in CSS_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:40:251717browse

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>

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

Statement:
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