HTML-CSS练习2

最新推荐文章于 2024-07-18 15:09:01 发布

追梦女孩ii

最新推荐文章于 2024-07-18 15:09:01 发布

阅读量808

点赞数 27

分类专栏： HTML 练习文章标签： html css 前端 css3 python 数据分析推荐算法

本文链接：https://blog.csdn.net/m0_61566562/article/details/140072332

版权

练习同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
/*
          #box ul {
             width: 500px;
             height: 100px;
             list-style: none;
             border: 1px solid gray;
                padding: 0;

          }
          #box ul img{
             float: left;
             width: 82px;
             height: 82px;
             border: 1px solid gray;
             padding: 2px;
             margin: 6px
          }
*/
/* 参考答案       */
          ul {list-style: none; padding: 0;}

          ul {
             width: 500px;
             height: 100px;
             border: 1px solid gray;

          }

          ul li {
             float: left;
             width: 70px;
             height: 70px;
             border: 1px solid gray;
             padding: 5px;
             margin: 9px;
          }

          ul li img {
             width: 100%;
             height: 100%;
          }










       </style>
    </head>
    <body>

       <div id="box">

          <ul>
             <li><img src="a.png" /></li>
             <li><img src="a.png" /></li>
             <li><img src="a.png" /></li>
             <li><img src="a.png" /></li>
             <li><img src="a.png" /></li>
          </ul>

       </div>

    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
/*
			#box ul {
				width: 500px;
				height: 100px;
				list-style: none;
				border: 1px solid gray;
            	padding: 0;

			}
			#box ul img{
				float: left;
				width: 82px;
				height: 82px;
				border: 1px solid gray;
				padding: 2px;
				margin: 6px
			}
*/
/* 参考答案			*/
			ul {list-style: none; padding: 0;}

			ul {
				width: 500px;
				height: 100px;
				border: 1px solid gray;

			}

			ul li {
				float: left;
				width: 70px;
				height: 70px;
				border: 1px solid gray;
				padding: 5px;
				margin: 9px;
			}

			ul li img {
				width: 100%;
				height: 100%;
			}










		</style>
	</head>
	<body>

		<div id="box">

			<ul>
				<li><img src="a.png" /></li>
				<li><img src="a.png" /></li>
				<li><img src="a.png" /></li>
				<li><img src="a.png" /></li>
				<li><img src="a.png" /></li>
			</ul>

		</div>

	</body>
</html>