当前位置:编程学习 > html/css >>

请问:在css和html中下图的样式是怎样实现的?两排文字不在一条水平线,不必套用两个div吧?

追问:看上去很相似了,但是下标的字变小了……<ul><li> 北大校内信息<span id="notice">今天有10条新通知</span> </li></ul> 然后 #notice { padding-top:10px; } 这样试着不行,该怎么写代码呢?
答案:可以用上下标的方式,CSS用来控制字体,颜色等
<html>
<body>
下标:
<p>
北大校内信息 <sub>今天有<span style="color:red">10</span>条新通知</sub>
</p>

上标:
<p>
北大校内信息 <sup>今天有<span style="color:red">10</span>条新通知</sup>
</p>

</body>
</html>
其他:不用,用span标签可以了
我建议这个的可以用dl 的结构方式 <dl><dt>北大校内信息</dt><dd>今天有....</dd></dl> 放span,div,table里都可以,设置不同的margin-top或者padding-top就可以了。 

上一个:我是计算机网络专业的,我学的是html 、css、php、linux. 想问下我的就业方向应该是怎么样的
下一个:HTML、 XML 、HTTP、 SOAP、 XSLT、 Xpath 是什么

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,