在html中區分一個頁面和其他頁面

Question

我認爲標題是誤導性的，因爲我無法想到一個合適的標題。

我有4個網頁，我想演示..

[page1] [page2] [page3] [page4] 

我要的是..我的所有頁面的頂部..有像這些「按鈕」 4（或別的東西）

當我頁面上1..page 1按鈕是大膽和三個其餘的光.. 當我第2頁..第2頁按鈕是大膽等..

這它們中的每一個彼此鏈接。

任何建議

Answer 1

<style> 

button { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #123d54; 
    padding: 10px 20px; 
    background: -moz-linear-gradient(
     top, 
     #afd9fa 0%, 
     #588fad); 
    background: -webkit-gradient(
     linear, left top, left bottom, 
     from(#afd9fa), 
     to(#588fad)); 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    border: 1px solid #003366; 
    -moz-box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,1); 
    -webkit-box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,1); 
    box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,1); 
    text-shadow: 
     0px -1px 0px rgba(000,000,000,0.7), 
     0px 1px 0px rgba(255,255,255,0.3); 
    } 

button.current { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #ffffff; 
    padding: 10px 20px; 
    background: -moz-linear-gradient(
     top, 
     #faafaf 0%, 
     #d11919); 
    background: -webkit-gradient(
     linear, left top, left bottom, 
     from(#faafaf), 
     to(#d11919)); 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    border: 1px solid #003366; 
    -moz-box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,1); 
    -webkit-box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,1); 
    box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,1); 
    text-shadow: 
     0px -1px 0px rgba(000,000,000,0.7), 
     0px 1px 0px rgba(255,255,255,0.3); 
} 
</style> 

<a href="/page1.html"> 
    <button class="current">Demo Page 1</button> 
</a> 

<a href="/page1.html"> 
    <button class="">Demo Page 2</button> 
</a> 

<a href="/page1.html"> 
    <button class="">Demo Page 3</button> 
</a> 

<a href="/page1.html"> 
    <button class="">Demo Page 4</button> 
</a> 

複製上述在您的每個網頁的頂部，爲第一頁，按鈕類應該是當前，對於第二個中的第二個按鈕應該是當前等等。

該按鈕生成CSS3 buttons用於說明目的