为啥图片添加边框没有用

给图片添加黑色边框,为啥不显示


<!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>

img

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 这个编辑器非常适合前端编写代码,功能强大,这种逗号输入法错误都有错误提示!