请问：在css和html中下图的样式是怎样实现的？两排文字不在一条水平线，不必套用两个div吧？
4个回答
展开全部
不用div也得至少三个html标签
实例：
div外框盒子，包住内容，整体设置样式文字大小颜色
第1个span是设置字体加粗背景加图标，图标也可以新加标签或者加入图片来做
第2个span设置为红色
（备注）：你可以用其他标签来做，块元素必须设置浮动。内联元素会因，文字基线和默认属性，有相应的边距，解决办法很多，看用哪个了
<div>
<span class="icon">北大校内信息</span>
今天又<span>10</span>条新通知
</div>
实例：
div外框盒子，包住内容，整体设置样式文字大小颜色
第1个span是设置字体加粗背景加图标，图标也可以新加标签或者加入图片来做
第2个span设置为红色
（备注）：你可以用其他标签来做，块元素必须设置浮动。内联元素会因，文字基线和默认属性，有相应的边距，解决办法很多，看用哪个了
<div>
<span class="icon">北大校内信息</span>
今天又<span>10</span>条新通知
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用上下标的方式，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>
<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>
我建议这个的可以用dl 的结构方式 <dl><dt>北大校内信息</dt><dd>今天有....</dd></dl>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
放span,div,table里都可以，设置不同的margin-top或者padding-top就可以了。
追问
北大校内信息今天有10条新通知
然后
#notice {
padding-top:10px；
}
这样试着不行，该怎么写代码呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
