html多张照片的共同外边框怎么设

html-css014

html多张照片的共同外边框怎么设,第1张

你好，给多张图片设置相同的样式，可以如下入手

可以给每个img都设置相同的class，然后设置边框"border: 1px solid pink"给图片设置1像素大小的粉色实线边框。

也可以直接img{border: 1px solid pink}

如果满意，望采纳！提问者的点赞和采纳就是我们的动力和追求，谢谢！

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>title</title>

<style type="text/css">

*{

padding: 0

margin: 0

}

ul{

border: 1px solid #ddd

width: 200px

}

ul li{

border-bottom: 1px solid #ddd

padding: 7px

}

ul li:first-child{

padding-left: 0

}

</style>

</head>

<body>

<ul>

<li>课程导航</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

<li>ACCP软件工程师</li>

</ul>

</body>

</html>

这位网友你好，那不是边框，而是body默认的margin，为8像素，你可以设置

body{margin:0padding:0}

来去掉。

很多标签都有默认margin或padding的，所以写代码前最好重置一下标签的默认样式。