css 布局 怎么移动ul ?

css 布局 怎么移动ul ?,第1张

用Css设置图片的位置的话:

1.通过position的绝对定位,然后在通过left和top就可以设置你的ul移动位置了;代码如下

<div style='position:absolutleft:0pxtop:0px'>

<ul>

<li>我是测试文字</li>

</ul>

</div>

2.通过margin这个属性 *** 作,margin:10px 20px 30px 40px这个的意思就是距离上边10px,距离右边20培训,距离下边30px,距离左边40px,代码如下

<div>

<div style=' width:330pxheight:200pxmargin-top:30px'>

<p>我是测试文字</p>

</div>

</div>

ul是unorder list的缩写,也就是不分顺序的列表,li就是list缩写啦,是列表的一个项,比如“本书作者(排名不分先后):张三,李四,王五”就可以这样写

<ul>本书作者(排名不分先后)

<li>张三</li>

<li>李四</li>

<li>王五</li>

</ul>

然后格式呢要用css来表现,可以去学一下盒子模型(英文很重要):http://w3schools.com/css/css_boxmodel.asp


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7043786.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存