最近初学DIV+CSS,请问UL中可以放文字吗?!

最近初学DIV+CSS,请问UL中可以放文字吗?!,第1张

兄弟问得好!可以是可以,但不要这样去做。为什么呢?标签都是有语意的,ul代表无序列表;如果按你上面内容的意思,应该这样来写:

---------------------------------------

<div>

<h3>标题</h3>

<p>内容</p>

</div>

标题用h标签,我这里用了h3,表示一个不是很重要的标题;

内容如果是段落,就用p标签

第一种:利用margin居中

<style type="text/css">

#footer{

width:1200px

height:35px

}

.footertext{

width:500px/*--margin居中一定要有宽度--*/

margin:0 auto/*--居中--*/

padding:0

}

.footertext li{

float:left

list-style-type:none

margin:0 10px 0 0

}

</style>

</head>

<body>

<div id="footer">

<ul class="footertext">

<li class="w1"><a href="#" >企业文化</a></li>

<li class="w1"><a href="#" >发展战略</a></li>

<li class="w1"><a href="#" >服务范畴</a></li>

</ul>

</div>

</body>

</html>

第二种:利用margin调节距离

修改上样式

.footertext{

margin:0 0 0 500px 

padding:0

}

UL LI,,是列表标签,

<ul>

<li>内容</li>

<li>内容2</li>

</ul>

这是用法,你要加多少内容就直接加在里面就行了,,

只是默认UL是有PADDING值的,LI默认会有list-style值,LI默认是相对UL一行。

现在就是不知道你想要问什么,你就问怎么写,,你要想什么效果???

如果只是放图片文字,,那直接加在LI里就行了。


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

原文地址:https://54852.com/bake/11906072.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存