Heim >Web-Frontend >HTML-Tutorial >如何使用CSS给图片添加双边框效果_html/css_WEB-ITnose
如何使用CSS给图片添加双边框效果_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:39:002622Durchsuche
如何使用CSS给图片添加双边框效果:
给图片添加双边框也在实际使用中也有许多应用，可能并不频繁，在这里简单介绍一下如何实现此种效果，借以对CSS一些属性的应用加以熟练。先看一段代码实例:
<!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> 以上代码通过为设定标签的边框和内边距来实现此效果。特别说明一下，很多初学者往往认为
是一个类似于文字一样的内容，其实不然，可以把它看作是一个能够容纳图片的容器（可能尽管不够准确），能够为它设置内边距。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0508/944.html
最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4690
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：利用DIV+CSS制作网页过程中常用的基本概念及标签使_html/css_WEB-ITnoseNächster Artikel：什么是 Css Hack_html/css_WEB-ITnose