图库九宫格

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">
        ul
        {
             list-style-type:none;
             padding:0;
             margin:0;
             width:600px;
             
            }
        li
        {
            display:inline;
             width:200px;
             float:left;
            }
    </style>
</head>
<body>
    <ul>
        <li><img src="img/1.JPG" width="200" height="200" /></li>
        <li><img src="img/2.JPG" width="200" height="200" /></li>
        <li><img src="img/3.JPG" width="200" height="200" /></li>
        <li><img src="img/4.JPG" width="200" height="200" /></li>
        <li><img src="img/5.JPG" width="200" height="200" /></li>
        <li><img src="img/6.JPG" width="200" height="200" /></li>
        <li><img src="img/7.JPG" width="200" height="200" /></li>
        <li><img src="img/8.JPG" width="200" height="200" /></li>
        <li><img src="img/9.JPG" width="200" height="200" /></li>
    </ul>
    <br />
    <br />
    参考：
    <br />
    <a href="https://blog.csdn.net/qq_44681872/article/details/112853762">list-style和list-style-type的区别</a>
    
</body>
</html>

相关阅读:
2021.07.13 学习总结
2021.07.12 学习总结
2021.07.11 学习总结
form表单提交失败
url传参和解决中文乱码
layui日期选择无效的问题
Eclipse中快速生成Javabean的方法
一种控制台输出效果的方法
暑期周总结
环境配置2

原文地址：https://www.cnblogs.com/sportdog/p/15660272.html