css 导航条文字分行,上面是中文下面是英文, css该如何实现

html-css025

css 导航条文字分行,上面是中文下面是英文, css该如何实现,第1张

直接给代码,其他的不多说.

A标签自己加吧.

<style type="text/css">

ul{list-style-type:none}

li{float:lefttext-align:centermargin-left:20pxfont-size:14pxfont-family:'宋体'}

</style>

<div>

<ul>

<li>

<span>首页</span>

<p>Home Page</p>

</li>

<li>

<span>产品中心</span>

<p>Products</p>

</li>

</ul>

</div>

建议分开控制,如:

<li>

<a href="#">首页</a><br>

<a href="#" class="english">Home Page</a>

</li>

..

这样的话,在seo方面,对于爬虫来说,链接清晰;

在css方面,因为分开两个标签,所以控制样式比较容易,如中文跟英文的字体设置不一样,都很方便;