给图片添加黑色边框,为啥不显示
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body{
background:#f0eada;
width:900px;
}
img{
margin:10px;
border:solid black 10px;
}
.img1{width:100px;}
.img2{width:200px;}
.img3{width:300px;}
</style>
</head>
<body>
<div class="pic">
<img class="img1" src="images/9.1.2图像边框/1.png">
<img class="img2" src="images/9.1.2图像边框/2.png">
<img class="img3" src="images/9.1.2图像边框/3.png">
</div>
</body>
</html>
border:solid black 10px;后面的标点符号是中文的了
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body{
background:#f0eada;
width:900px;
}
img{
margin:10px;
border:solid black 10px;
}
.img1{width:100px;}
.img2{width:200px;}
.img3{width:300px;}
</style>
</head>
<body>
<div class="pic">
<img class="img1" src="images/9.1.2图像边框/1.png">
<img class="img2" src="images/9.1.2图像边框/2.png">
<img class="img3" src="images/9.1.2图像边框/3.png">
</div>
</body>
</html>
1楼说的对,平时注意英文输入法,最好选择一款报错提示友好的 前端编辑器 进行代码编辑!推荐 Adobe Dreamweaver 简称DW 这个编辑器非常适合前端编写代码,功能强大,这种逗号输入法错误都有错误提示!