web前端基础（相对定位）

最新推荐文章于 2023-06-25 18:56:31 发布

Lxq0218

最新推荐文章于 2023-06-25 18:56:31 发布

阅读量588

点赞数

文章标签：定位列表 css html

本文链接：https://blog.csdn.net/Lxq0218/article/details/117226039

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
        ul{
        	list-style: none;/列表的样式,去掉前面的点
        }
		li{
			border: 1px solid red;
	        width: 100px;
	        height: 100px;
	        	
		}
		.li2{
			/*相对定位：相对于他原来的位置，对后续元素没有影响*/
			position: relative;
			top: 50px;
			left: 50px;
		}
	</style>
	<body>
	   <ul>
	   	<li>第一行</li>
	   	<li class="li2">第2行</li>
	   	<li>第3行</li>
	   	<li>第4行</li>
	   	<li>第5行</li>
	   </ul>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lxq0218

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端基础（相对定位）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> ul{ list-style: none;/列表的样式,去掉前面的点 } li{ border: 1px solid red;
复制链接

扫一扫