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

html-css024

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方面，因为分开两个标签，所以控制样式比较容易，如中文跟英文的字体设置不一样，都很方便；