简体中文(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 use CSS to add a double border effect to an image_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:39:00
Original
2581 people have browsed it

How to use CSS to add a double border effect to an image:

Adding double borders to an image also has many applications in actual use, which may not be frequent. Here is a simple Let’s introduce how to achieve this effect, so as to become proficient in the application of some CSS properties. Let’s look at a code example first: 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">img{  border:5px solid #696;  padding:5px;  background-color:#CCC;}</style></head><body><img src="mytest/demo/dborder.jpg" alt="蚂蚁部落" /></body></html>
Copy after login

The above code achieves this effect by setting the border and padding of the tag. In particular, many beginners often think that is a content similar to text. In fact, it is not the case. It can be regarded as a container that can hold pictures (possibly although it is not accurate enough), and the inner border can be set for it. distance.

The original address is: http://www.51texiao.cn/div_cssjiaocheng/2015/0508/944.html

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

Related labels：
如何使用CSS给图片添加双边框效果
source：php.cn
Previous article：Basic concepts and tags commonly used in the process of making web pages using DIV CSS_html/css_WEB-ITnose Next article：What is Css Hack_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
Latest Articles by Author
Latest Issues
Personalize the look of Select2 Dropdown In my case, I'm using select2Combobox for my dropdown. Here, when the Country selection ch...
From 2024-04-03 11:27:22
0
1
338
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！