之前有個尷尬的事情發生，我不知道如何將文字放在圖片右邊，我想了個麻煩且愚蠢的辦法，后來才知道只需要將圖片居左就可以達到效果.....不說了看下面
需要實現的效果：
很簡單，
<img src="img/liuxiang.jpg" align="left"/> 標紅的標簽，就能將你的文字顯示在圖片右邊，假如不設置，則會如下效果：
——————————————————分割線——————————————————————
接下來舉例一個淘寶的協議頁面效果如何實現：
效果：
實現文字下划線代碼：
<u>文字</u>
利用選擇器將a標簽帶來的下划線去除：
text-decoration: none
實現鼠標放置上面出現特效的效果：
先利用偽類選擇器選中a：
a:hover{
text-decoration: underline;
}
underline是將鼠標放到a標簽包裹的內容時出現下划線，還能出現其他的特效。
按鈕用法：
<input type="button" name="" value="同意協議" />
css：
input{
background-color: coral; ————按鈕背景顏色
color: white; ————字體顏色
border: none; ————去除按鈕邊框
width: 200px; ————設置按鈕寬度
height: 30px; ————設置按鈕高度
border-radius: 5px; ——————設置按鈕圓角（將按鈕四個角變的帶點弧度）
}
將鼠標放到某個屬性中出現偏移：
就拿li舉例
<ul class="one">
<li></li>
</ul>
.one{
position: absolute;
}
.one li:hover{
position: relative;
top:-1px;
left: -1px;
}
效果圖：
變化前：
變化后：
