当前位置：网站首页>Partition, column, list

Partition, column, list

2022-06-26 03:22:00 【Small vegetable bird yard live】 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style-type: none;
			}
			.nav{
				width: 1200px;
				margin: 0 auto;
				column-count: 4;
				column-gap: 40px;
				border: 2px solid blue;
				column-rule: 3px solid green;
			}
			.nav li{
				margin-bottom: 40px;
				height: 100px;
				border: 3px solid red;
			
			}
			/*.nav div{
				border: 2px solid blue;
				column-span: all;
			}*/
		</style>
	</head>
	<body>
		<ul class="nav">
			<li><img src="img/musicBtn.png"/></li>
			<li>222222</li>
			<li>333352533</li>
			<li>111111</li>
			<li>2224535222</li>
			<li>3335245333</li>
			<li>222525222</li>
			<li>3333325233</li>
		</ul>
	</body>
</html>

Insert picture description here

原网站

版权声明
本文为[Small vegetable bird yard live]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/177/202206260249289402.html

边栏推荐

猜你喜欢

随机推荐