Rumah > Artikel > hujung hadapan web > css怎么给图片添加两个边框
css怎么给图片添加两个边框
- 醉折花枝作酒筹asal
- 2021-07-23 14:11:403119semak imbas
在css中，可以使用padding添加第二个边框，只需要在图片元素中添加“border:边框大小 solid 颜色;padding:像素大小;”。可以把img标签看作一个能够容纳图片的容器，能够为它设置内边距。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
给图片添加双边框也在实际使用中也有许多应用，可能并不频繁，在这里简单介绍一下如何实现此种效果，借以对CSS一些属性的应用加以熟练。先看一段代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>document</title>
<style type="text/css">
img{
border:5px solid #696;
padding:5px;
background-color:#CCC;
}
</style>
</head>
<body>
<img src="mytest/demo/dborder.jpg"/>
</body>
</html>以上代码通过为设定a1f02c36ba31691bcfe87b2722de723b标签的边框和内边距来实现此效果。特别说明一下，很多初学者往往认为a1f02c36ba31691bcfe87b2722de723b是一个类似于文字一样的内容，其实不然，可以把它看作是一个能够容纳图片的容器（可能尽管不够准确），能够为它设置内边距。
推荐学习：css视频教程
Atas ialah kandungan terperinci css怎么给图片添加两个边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jq怎么写css样式Artikel seterusnya：css如何让div成圆的