當前位置:編程學習大全網 - 網站源碼 - 淘寶導航醒目單個分類顏色css代碼

淘寶導航醒目單個分類顏色css代碼

主要思路是妳可以再設置壹個class,屬性為字體紅色,然後再需要變為紅色的語句標簽前,加壹個屬性名;如<span class="normal special">雙十壹狂歡</span>

這裏就同時有了兩個屬性。

<html>

<head>

</head>

<body>

<style type="text/css">

.box{background-color:#C9CEC8;width:420px;height:50px;margin:0 auto;border-top:2px solid #353736;}

.content{height:32px;background-color:606F76;border:1px solid #7697AA;}

.content span{margin-right:18px;}

.normal{color:white;float:left;display:block;line-height:30px;font-size:13px;font-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>

  • 上一篇:出售主機的源代碼。
  • 下一篇:股票指數選股源代碼
  • copyright 2024編程學習大全網