一般在頁面的導航欄部分使用滑動門技術，此做法的優點在於不管裡面的文字有多少，都可以實現自由伸縮，不影響外觀。其做法如下：

在css裡面設定的樣式:

         a {
                display: inline-block;
                height: 33px;
                background: url(images/to.png) no-repeat;
                padding-left: 15px;
                line-height: 33px;
            }
            a span {
                display: inline-block;
                height: 33px;
                padding-right: 15px;
                background: url(images/to.png) right top no-repeat;

html結構中的寫法：

               <a href="#">
                    <span>文字</span>
                </a>