DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS右對齊實現方法
CSS右對齊實現方法
編輯:CSS詳解     
  • 用CSS實現右對齊,這似乎是一個太過基礎的例子啊,不過越基礎越容易出錯,有時候甚至找不到頭緒了,這也是我本人在剛開始寫CsS的時候所遇到的問題,今天才次向CSS初學者演示一款極其簡單的CSS右對齊代碼,希望對你的前端設計開發有所幫助。代碼如下:

    <style>
    li {float:right;list-style-type:none;}
    div {width:200px;height:200px;background:#999;}
    </style>
    <div>
    <ul>
    <li>空天</li>
    <li>然依</li>
    <li>藍麼那</li>
    </ul>
    </div>

    其實這裡最主要的一個CSS屬性就是float:right,也就是浮動屬性:右對齊,也可以改成float:left,改成這樣後,想一想,你可以擴展出許多的網頁布局,比如最基礎的網站導航菜單、友情鏈接列表、一行兩列的文字列表等。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved