淘宝导航醒目单个分类颜色css代码

html-css017

淘宝导航醒目单个分类颜色css代码,第1张

主要思路是你可以再设置一个class，属性为字体红色，然后再需要变为红色的语句标签前，加一个属性名；如<span class="normal special">双十一狂欢</span>

这里就同时有了两个属性。

<html>

<head>

</head>

<body>

<style type="text/css">

.box{background-color:#C9CEC8width:420pxheight:50pxmargin:0 autoborder-top:2px solid #353736}

.content{height:32pxbackground-color:606F76border:1px solid #7697AA}

.content span{margin-right:18px}

.normal{color:whitefloat:leftdisplay:blockline-height:30pxfont-size:13pxfont-weight:bold}

.special{color:pink}

</style>

<div class="box">

<div class="content">

<span class="normal">本店所有商品</span>

<span class="normal">图标的位置</span>

<span class="normal">首页</span>

<span class="normal special">双十一狂欢</span>

</div>

</div>

</body>

</html>

CSS是网页制作过程中用到的一种语法格式，一般称之为样式表，顾名思义它的作用就是进行页面布局用的。具体到淘宝店铺装修这里，淘宝官方会给予店家一定的修改店铺外观整体布局的权利，这个权利就体现在后台给了CSS接口，如果你懂CSS的话，就可以写出符合自己设计需要的页面布局。