CSS睜開式選單－frednbf5dqm7w@outlook.com

塔拉休瑪拉文翻譯    display: block;
    height: 100%;
<body>
    height: 30px;
            </a>
/*設定id為gallery的li物件，其有<a>超貫穿連接的內容，先設height為30，將其潛藏*/
    width: 268px;
    background-color: #ff6;

CSS睜開式選單

如圖，當滑鼠移到文字＂滑入式睜開選單二＂時，就會睜開其內容翻譯
    <ul id="gallery">
/*這裡設定<h3>的字型樣式*/
        </li>
#gallery {
    color: #600;
-->

    font: 12px Arial, Helvetica, sans-serif;
            </a>
</body>

}
}
    border: 4px solid #fc0;
            <a href="#">
        <li>
    margin: 0;
        <li>
    color: #000;
}
        <li>
</style>

        </li>
    padding: 0;

    background-color: #fc0;
    font-weight: 600;
                <span>這是滑入式選單三，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
                <h3>滑入式睜開選單一</h3>
                <span>這是滑入式選單一，在這裡可以展示選單一內的所有內容翻譯<b>...繼續浏覽</b></span>
                <h3>滑入式睜開選單三</h3>
            <a href="#">

將此html程式碼貼到<body></body>上：
            </a>
/*設定全部選單的版面，此處設高為100%，會自動縮放，可以設定一個固定的數值，將其版面定住*/
                <span>這是滑入式選單二，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
    width: 278px;
    height: 100%;
#gallery h3{
<!--
                <h3>滑入式睜開選單二</h3>

    color: #600;
    text-decoration: none;
#gallery li a {
------------------------------------------------------------------------------------------------------
    list-style: none;
    padding-left: 10px;
    overflow:hidden;
}
    text-transform: uppercase;
<style type="text/css">
            <a href="#">

/*當滑鼠移到<a>連結時將其內容睜開，這裡設height為100%，會隨內容高度睜開，也可設定固定命值，將其版面定住*/

將此ＣＳＳ貼到<head></head>之間：
    </ul>
/*將繼續閱讀字另設色彩顯示*/
    overflow: hidden;
    letter-spacing: -1px;