計算機專業的很多同學臨近畢業了，才著急怎麼做一個畢業設計來進行答辯。很短的時間是不可能完成的，天使預計用三個月的時間和計算機專業的同學分享一下怎麼完成畢業之前的一項重要任務“畢業設計”。請小夥伴們跟上天使的步伐，在天使的帶領下，一起完成你們的畢業設計吧。後期，天使還會講解如何寫畢業論文等，希望小夥伴們持續關注哦。
工具/原料
vs 2008
方法/步驟
登錄成功之後，我們點擊【進入個人中心】獲取相應的權限
![計算機專業畢業設計：[36]用戶個人中心2](https://img.yamab2b.com/20170925/21/d2815adaa9828b44264d9564cf36cc4c_thumb.jpg "計算機專業畢業設計：[36]用戶個人中心2")
打開【user_center.aspx】頁面，我們用div將頁面分為左右兩半
![計算機專業畢業設計：[36]用戶個人中心2](https://img.yamab2b.com/20170925/21/4554584ce3cb64c6ddbd117a652c3853_thumb.jpg "計算機專業畢業設計：[36]用戶個人中心2")
用DIV的浮動屬性，左右並列兩個標籤
左
右
![計算機專業畢業設計：[36]用戶個人中心2](https://img.yamab2b.com/20170925/21/dfbcf280ab3eaad40635d40f00eb294b_thumb.jpg "計算機專業畢業設計：[36]用戶個人中心2")
我們製作一個伸縮菜單，選取菜單的標示圖片
![計算機專業畢業設計：[36]用戶個人中心2](https://img.yamab2b.com/20170925/21/680e18d67f035b3b3a44b3113f34f883_thumb.jpg "計算機專業畢業設計：[36]用戶個人中心2")
左側導航欄我們設定背景顏色和寬度，還有超鏈接樣式
/*左側導航*/.center{ background-color: #FFFFFF; width: 148px;}.center a{ text-decoration:none;}
![計算機專業畢業設計：[36]用戶個人中心2](https://img.yamab2b.com/20170925/21/0038d4db04e28031c23c724584e85bce_thumb.jpg "計算機專業畢業設計：[36]用戶個人中心2")
控制div標籤伸縮的關鍵代碼
![計算機專業畢業設計：[36]用戶個人中心2](https://img.yamab2b.com/20170925/21/59ce55ca1610ebd7daa32269deff1559_thumb.jpg "計算機專業畢業設計：[36]用戶個人中心2")
注意事項
不落淚的天使1原創整理，請尊重小編的辛苦耕耘