如何用CSS改淘宝店铺里的颜色风格

html-css012

如何用CSS改淘宝店铺里的颜色风格,第1张

因为淘宝模板只能CSS内置，所以说直接定义元素的CSS样式才可以，可以在DW中编辑后覆盖和粘贴，具体CSS的写法可以参考下 http://www.w3school.com.cn/css/ 。

/*首页/店铺动态背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08}

/*首页/店铺动态右边线*/

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid}

/*首页/店铺动态文字颜色*/

.skin-box-bd .menu-list .menu .title{color:#ff0000}

/*所有分类背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08}

/*所有分类右边线*/

.all-cats .link{border-right:1px #006205 solid}

/*所有分类文字颜色*/

.skin-box-bd .all-cats .title{color:#ff0000}

主要思路是你可以再设置一个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>