1、斤斤計較2、當3、100％

看body加上如下代碼就可以了。body{margin: 0px;padding: 0px;}擴展：body,div, form, img, ul, ol, li, dl, dt, dd, form, p { margin: 0px; padding: 0px; border: 0px none; list-style: none outside none; text-decoration:none;}一般網(wǎng)站設(shè)計都會加上上面這段代碼，學習前端一定要多看其他優(yōu)秀網(wǎng)站的布局以及頁面結(jié)構(gòu)。

不支持font-family屬性，也就是說，在UC瀏覽器你只能看到一種字體； 不支持font-szie屬性，也就是說，在UC瀏覽器你只能看到一樣大小的字體； 不支持width、height、padding、margin、line-height屬性，也就是說，在UC瀏覽器只能通過p、br等HTML標簽來換行以達到字符上下間隔； 不支持固定像素的寬度，100%顯示頁面，也就是說，在UC瀏覽器始終將看到的是“滿屏的”； 不支持浮動、層疊布局，float和position屬性無效，也就是說，在UC瀏覽器你只能看到“左對齊”。 支持background-color，但不支持background-image，也就是說不支持CSS背景圖顯示，在UC瀏覽器你只能看到背景色。不支持padding margin border line-height strong ul li float但是，看百度：2015年7月，UC瀏覽器發(fā)布新版10.6版本，開創(chuàng)第三代瀏覽器新紀元。UC瀏覽器擁有獨創(chuàng)的U3內(nèi)核和云端架構(gòu)，完美地支持HTML5應用。如今的UC比起以前好很多，已經(jīng)可以不用擔心不支持的問題了。

篇一　　在這一年美工總結(jié)自己接觸和學習設(shè)計的一點經(jīng)驗心得。　　一、網(wǎng)站的配色　　我們公司主要是做一些醫(yī)療網(wǎng)站的，因此在整體配色的問題要特別小心，特別是我們做部隊醫(yī)療行業(yè)這一塊的，主打色是軍綠、海藍、寶藍，兼且要一些部隊元素，這樣才能體現(xiàn)部隊應有的權(quán)威性、穩(wěn)重性和聲望、精神。只有這樣醫(yī)院網(wǎng)站才能給用戶帶來更踏實的視覺和吸引的人來就診，　　二、網(wǎng)站的布局　　做美工設(shè)計的不單要對色彩要有好的感覺外，對布局也要有很好的把握，組合的好壞直接影響作品的效果。整體配色、字體、各模塊的間距、插圖、增減內(nèi)容等各個方面的敲著。　　三、網(wǎng)站的細節(jié)　　對美工設(shè)計人員來說，這點也是非常重要的，細節(jié)能否處理得當也能體現(xiàn)做事明細，這也是我在不斷提升的一塊。比如背景色、色彩漸變、各組件間間距、標題樣式、字體/大小/顏色、行/段間距、插圖位置/邊緣處理、輸入框?qū)捀?邊框色/背景色、按鈕的位置等等太多了。還是之前的話，只有你看得多了，比較得多了，那么處理細節(jié)方面也會有很大的提升?！　∷?、用戶體驗度　　一個網(wǎng)站的如果美工設(shè)計得好，給人們的第一印象是非常好，這代表著人們可能還會停留在你的網(wǎng)站里面繼續(xù)瀏覽，這樣也大大提高用戶體驗度。因為我們做醫(yī)院網(wǎng)站的，要保持美觀、權(quán)威、明細等，比如人們來到了網(wǎng)站瀏覽，如果美工圖片做得非常不清晰也會影響患者對整個網(wǎng)站的印象，還有廣告圖片的位置問題，要放在一些比較顯眼的地方，同時不會影響到患者查看其他內(nèi)容，對于圖片廣告的圖片，也要突出權(quán)威性和真實感，這樣對就診率的提高也會有很大的幫助的。還有美工圖片的好壞直接影響了用戶對網(wǎng)站的印象。用戶體驗是對美工更高的一個要求，甚至有點兒超越美工的范疇，但只有美工了解這些才能更合理地設(shè)計界面布局，整體搭配等等?！　∥?、個人心態(tài)　　美工本身就是細活，著急是沒用的。有了基本的審美觀，需要創(chuàng)作時心情放松，做些想做的事，吃點想吃的東西，隨心所欲，給提供自己創(chuàng)作靈感環(huán)境。不要意味的坐在電腦前去想，事倍功半，會把自己郁悶死。所以我的建議就是：多看，多模仿，多做，多比。切忌自己沒有什么審美觀就盲目創(chuàng)作，其實模仿沒什么可恥的，是學習的畢竟階段?！　∑　⌒碌囊荒觊_始之際，在我們昂首期待未來的時候，有必要對過去一年的工作做一個回顧，總結(jié)以往的經(jīng)驗教訓，以待在新的一年有所改進。　　回顧過去一年，在領(lǐng)導的帶領(lǐng)下，在各位同事的大力協(xié)助下，工作上取得滿意得成果。我的崗位是美術(shù)編輯，工作崗位在開發(fā)中心，可是我的工作范圍并不局限于程序開發(fā)中的模版設(shè)計等工作，而是涉及到了編輯部的廣告設(shè)計，廣告圖片替換，頁面策劃修改;涉及到技術(shù)部頁面制作，代碼調(diào)試，樣式修改，后期維護等不同工作。可以說凡是需要突出我們網(wǎng)絡(luò)部及網(wǎng)站整體形象的地方，就需要美編參與工作?！　≡O(shè)計工作是痛苦與快樂的煉獄，每當面臨重大的設(shè)計任務時充滿了壓力，開始搜集各種資料(包括文字的、圖片的)，接下來尋找設(shè)計靈感，沉思、焦灼，經(jīng)過痛苦煎熬，終于有了滿意的創(chuàng)意時倍感輕松。每當經(jīng)過艱苦的磨礪，自己的勞動成果得到大家的肯定時，便是工作中最大的快樂!充滿了快意?！　‘斎?，工作中的痛苦與快樂首先要求有堅定的政治信念與立場，遵紀守法，愛崗敬業(yè)的強烈責任感和事業(yè)心。因為熱愛自己的工作，所以精通本崗位的專業(yè)識和業(yè)務技能，熟悉有關(guān)行業(yè)規(guī)范，關(guān)注行業(yè)的發(fā)展趨勢。時刻保持強烈的創(chuàng)新意識。　　篇三　　前言　　目前，人類社會已經(jīng)邁進了網(wǎng)絡(luò)時代，計算機和互聯(lián)網(wǎng)已經(jīng)于老百姓的日常工作，學習和生活息息相關(guān)，人類社會目前又處于了一個歷史飛躍時期，正由于高速的工業(yè)化時代邁向初步的計算機網(wǎng)絡(luò)時代，在計算機技術(shù)，網(wǎng)絡(luò)通訊技術(shù)的告訴發(fā)展的今天，電腦和網(wǎng)絡(luò)正在以驚人的速度進入人類社會的各個角落。那么今后，我們將用怎樣的態(tài)度和方式來面對網(wǎng)絡(luò)科技給我們帶來的物質(zhì)層面和精神上的變化，我們必須對因為網(wǎng)絡(luò)而引發(fā)的社會生產(chǎn)和生活各個層面的深層次變化作一個深刻的理解和清醒的認識，我想這必將成為是當今人類所面臨的最大課題，可能是我們科學工作和研究者們需要面對的新的挑戰(zhàn)?！　‘敾ヂ?lián)網(wǎng)成為第四種媒體出現(xiàn)的時候，它就表現(xiàn)出與以前的大眾媒體的不同特征，在報紙、廣播、電視上，普通人不可能及時發(fā)表個人對某一重大事件的看法，而互聯(lián)網(wǎng)能隨時隨地公開地實行人與人之間的對話，作為受眾的網(wǎng)民不再是被動的，他可以隨時表達自己的意見，有時甚至可以成為某些事件的主角　　隨著對商業(yè)化使用政策的放寬，因特網(wǎng)已經(jīng)不僅僅局限于信息的傳遞，網(wǎng)上信息服務出現(xiàn)了。許多機構(gòu)、公司、個人將搜集到的信息放到因特網(wǎng)上，提供信息查詢和信息瀏覽服務。人們把提供信息來源的地方稱為“網(wǎng)站”，即因特網(wǎng)上的信息站點。凡是連入因特網(wǎng)的用戶，無論在世界任何地方、任何時刻，都可以從網(wǎng)站上獲取所需的信息和服務。　　一、實習報告目的　　剛走出社會的時候，自己就像一張白紙，工作是什么樣子?要用什么樣的狀態(tài)去工作?這些在學校里是無法體會的。實踐讓我走向科技應用,走出課堂.目前，我所缺少的主要不是知識,而是缺少將知識與實際相結(jié)合的能力.我們在課堂上所學的,與在實際當中遇到的是不盡相同的.其往往具有不具有明顯的特征,這需要我們進行抽象概括才能解決各種問題，而這次實習正好給了我這次實踐的機會，結(jié)合實實在在的用作，運用自己所學的知識，積累經(jīng)驗。　　二、實習單位及工作崗位簡介　　1、實習單位簡介　　該公司是一家國內(nèi)專業(yè)的電子商務外包服務商，公司主要為品牌企業(yè)提供商城搭建、網(wǎng)站建設(shè)與運營、營銷推廣、數(shù)據(jù)分析、電子商務代理運營等服務。我們的優(yōu)勢是：公司電子商務運營經(jīng)驗豐富;倉儲配送能力強大;網(wǎng)絡(luò)營銷實力宏厚：公司擁有豐富的網(wǎng)絡(luò)營銷經(jīng)驗，可以為客戶提供各種營銷方式，并且提供數(shù)據(jù)分析工具，同時配備專業(yè)的客服能力，結(jié)合專有的技術(shù)，公司可以為客戶提供一個強大的客戶服務平臺?！　?、工作崗位簡介　　該崗位主要負責公司廣告、圖片、動畫、海報、logo、　　及網(wǎng)頁的設(shè)計制作。服從公司的指揮，認真執(zhí)行其工作指令，一切管理行為向公司負責。嚴格遵守公司規(guī)章制度，認真履行工作職責。認真做好各類信息和質(zhì)料收集、整理、匯總、歸檔等工作，為公司旗下各項目的成功開發(fā)提優(yōu)質(zhì)的素材。全面主持設(shè)計工作，擔綱創(chuàng)意核心、設(shè)計指導、效果統(tǒng)籌、設(shè)計溝通的任務。負責與各崗位的協(xié)調(diào)工作，網(wǎng)站頁面的美工設(shè)計，進行div+css網(wǎng)頁布局及修改。配合技術(shù)部門對網(wǎng)站頁面設(shè)計和技術(shù)的配合?！　《?實習過程　　1、初來公司的時候　　在接到公司面試的電話后，我來到了武漢世紀聯(lián)動科技有限公司，因為我所應聘的是網(wǎng)頁設(shè)計，所以要有一個小測驗，美工部的經(jīng)理發(fā)給我一個題目，根據(jù)MLB的官網(wǎng)風格，畫出相同風格的電子商務網(wǎng)站。所有素材自己找，畫好圖紙后，用css+div進行布局?？疾斓闹饕窍嚓P(guān)軟件、的操作能力與代碼掌握的熟練程度，說實話，學習photoshop和css已經(jīng)有一段時間了，剛開始上機，還有點生疏。但憑借著在學校巨塔工作室學到的知識，還是畫出了相應的圖紙。以及對該頁面進行了布局。經(jīng)理看了以后，說不錯，就說了句，以后的外國網(wǎng)站，不能出現(xiàn)中文。讓我三天后參加培訓，進行相應的考察。合格就可以正式上班?！　?、三天的培訓工作　　三天后，我來到了公司，一看，來參加培訓的人有很多，大概在是個左右，其實所謂的培訓，就是讓大家先熟悉網(wǎng)站的工作。先做了些他們平時干的活，做些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，無需實現(xiàn)動態(tài)的交互，這才讓我拾起了些信心，后來我發(fā)現(xiàn)，其實我們一起實習的，水平都差不多，我們公司主要更偏向?qū)懘a，所以我的優(yōu)勢就突出了?！　?、最后的考核　　三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)實習期的表現(xiàn)決定去留問題，最優(yōu)秀的人會轉(zhuǎn)正，得到更加優(yōu)厚的待遇?！　】己说膬?nèi)容就是在公司的商務網(wǎng)站上任選一個頁面，然后再規(guī)定的時間內(nèi)做完，我還是不錯的，技術(shù)比較熟練，是第四個完成的，當我們把網(wǎng)頁做完后，由這家公司的經(jīng)理進行審核，最后的結(jié)果是。我被留下了，最后完成的，就那樣被活生生的淘汰了，制度雖有點不近人情，但是社會就是這么的現(xiàn)實，有能力就能生存。就這樣，我們每個人得到了一份一月的臨時合同，正式開始實習工作?！　?、 正式工作　　我們每天的上班時間是從早上8:30分到下午的17:00，其中，中午有兩個小時的休息時間，這是我見過最有激情的一些人了，年紀輕輕的，干勁十足，來了公司以后就工作，連平時連天的內(nèi)容也和本行也分不開，我喜歡他(她)們，因為是實習期，所以每天做的數(shù)量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡單的，從上到下式的網(wǎng)頁，通過css+div布局，這樣在后期瀏覽器兼容測試中，就好做多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求最精，我做的網(wǎng)頁的速度慢了很多，最初每天只能做1也頁面左右，這對于我來說是不能接受的，后來我改變了工作的方法，我第次工作的時候，先訂下計劃，比如今天做多少頁面，然后我將要做的所有頁面，先做好排版，，這是的網(wǎng)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多。我相信只要自己多加練習，速度就會提升?！　∪?、實習內(nèi)容　　1、整體工作　　我的工作就是負責設(shè)計整個網(wǎng)站的頁面部分，根據(jù)網(wǎng)頁設(shè)計師或客戶所提供的主題要求來設(shè)計出整個網(wǎng)站?！　?、工作中要完成的任務　　作為一個網(wǎng)站美工除了要求網(wǎng)頁三劍客，ps。這些比會的軟件以外，還要對html用的很熟練，對asp或php或jsp要有初步的了解。　　(1)表達一定的藝術(shù)效果　　一個成功的網(wǎng)站應該把網(wǎng)頁設(shè)計得吸引人，同時又要傳達設(shè)計思想和情感。網(wǎng)頁作為一種媒體，它必須具有一定的藝術(shù)感染力，一個平淡無奇、雜亂無章或毫無美感的網(wǎng)頁很難會有瀏覽者喜歡，更不要說讓瀏覽者去注意它的內(nèi)容了?！　?2)使頁面結(jié)構(gòu)清晰可讀性強　　經(jīng)常可以看到這樣的頁面，上面堆砌了許多內(nèi)容，卻沒有考慮它的空間框架，讓人看了無法知曉哪些內(nèi)容才是最具發(fā)言權(quán)的。沒有流暢的視覺流程，這是典型的沒有注意到編排清晰度、可讀性的表現(xiàn)?！　?3)實現(xiàn)不同的功能　　在網(wǎng)絡(luò)這條信息高速公路上，網(wǎng)頁最主要的功能就是一種傳遞信息的手段。因此，它一切內(nèi)容都是為了這個目的而服務，都是要圍繞這個中心進行設(shè)計的。然而，要實現(xiàn)這個功能，網(wǎng)頁的美工設(shè)計和內(nèi)容都必須有針對性。所謂針對性，就是指對不同類別的網(wǎng)頁要求采用不同的美工藝術(shù)效果。　　(4)網(wǎng)頁的內(nèi)容　　網(wǎng)頁設(shè)計人員美化網(wǎng)頁，增加網(wǎng)頁設(shè)計的藝術(shù)感，都是為了網(wǎng)頁設(shè)計的內(nèi)容服務的。一般來說，網(wǎng)頁的幾項基本內(nèi)容：標題、網(wǎng)站標志、主體內(nèi)容、導航、廣告欄等?！　?5)確定網(wǎng)站的類型　　在設(shè)計網(wǎng)頁之需要做大量的準備工作，需要思考以下幾個問題：1、網(wǎng)站的類型：站點屬于新聞、娛樂、商務類的綜合站點，還是個人主頁;　　(6)確定網(wǎng)站的風格　　如果瀏覽者主要是年輕人，頁面就要設(shè)計得基調(diào)明快，活潑富有朝氣;如果針對的群體是政府工作者或科學工作者，那么頁面就要設(shè)計得嚴謹、嚴肅、理性、科學;如果針對的群體是婦女兒童，頁面則要設(shè)計得溫馨、友愛、輕松;如果針對的群體是戀人或從事藝術(shù)工作的人，頁面就要設(shè)計得浪漫并有藝術(shù)感　　(7)確定網(wǎng)頁之間的鏈接關(guān)系　　在網(wǎng)站的總體規(guī)劃列出來后，就必須要考慮各個網(wǎng)頁之間的關(guān)系，是星型、樹型、網(wǎng)型還是直線鏈接?　　(8)具體工作流程　　網(wǎng)站美工確保項目派工單和網(wǎng)站資料的完整性,作出設(shè)計方案和欄目設(shè)計方案,留意客戶特別要求的信息　　1、研究一些同類型的優(yōu)秀網(wǎng)站,結(jié)合從客戶那里所獲取的資料,總結(jié)出比較合理的布局和風格,開始設(shè)計方案和欄目設(shè)置方案.　　2、設(shè)計好最佳設(shè)計方案和欄目設(shè)置方案,先讓業(yè)務人員審核一次,達到要求確認后,進行PSD的樣板頁面設(shè)計.　　3、設(shè)計好PSD樣板頁面,讓業(yè)務員跟客戶展示設(shè)計好的樣板,是否符合要求,符合要求后進行廣告網(wǎng)站的全面的PSD設(shè)計和廣告網(wǎng)站制作. (PSD樣板頁面設(shè)計　　對價錢跟要求并不高的客戶,對網(wǎng)站的每個頁面設(shè)計的要求是顏色基調(diào)不同、樣式稍有改變,設(shè)計頁面排版風格簡練到位、網(wǎng)站貫串一副Flash動畫,以增加動感這樣的網(wǎng)站在后面制作頁面簡單,維護修改簡單;　　對價錢高但要求不高的客戶,照樣采用上述方法,只是在考慮項目制作時間長短的情況下,對項目的質(zhì)量進行提高;　　對價錢跟要求都高的客戶,對網(wǎng)站的每個頁面設(shè)計的要求是每個欄目精心設(shè)計,在保持風格的前提下,對每個欄目的樣式跟顏色都有所不同、設(shè)計一個大Flash貫穿整個網(wǎng)站,并在每個欄目的頭頁或欄目導航欄上設(shè)計出簡單漂亮的小Flash動畫.讓整個網(wǎng)站充滿動感和活力)　　4、合理切割PSD文件,導入保存成圖片(.gif .jpg )形式.　　5、建立網(wǎng)站后臺文件,檢查后臺欄目跟塊名沒問題后上傳到服務器　　6、使用Dreamweavers對PSD樣板頁的樣式規(guī)定進行網(wǎng)頁排版制作,設(shè)計規(guī)范合理,擴充性強、無多余累贅代碼.　　7、建立網(wǎng)站的字體,表單按鈕所需要的Css樣式表　　8、設(shè)計每個欄目的模板頁和PHP頁面,并對不同的元素使用定義好的Css樣式表.　　9、制作完成每個欄目設(shè)置的模板頁和PHP頁面后,添加網(wǎng)站樣板資料.　　10、檢查網(wǎng)站的鏈接排版錯誤跟漏洞,從而進行修復和完善.　　11、發(fā)到部門人員內(nèi)部審核一遍(針對網(wǎng)站,不針對廣告),對鏈接和排版錯誤的地方進行修改.　　12、再自己瀏覽一遍、確認沒問題后通知業(yè)務人員和客戶進行驗收修改.(如有兼容性的問題，則需對其兼容性的解決)　　五、實習收獲與體會　　通過本次畢業(yè)實習我真正了解到步入社會后我們還有許多知識要學習，還有許多需要加強的地方，我的網(wǎng)站這方面的知識還有許多欠缺的地方，還不能熟練的掌握。我知道這不是短時間內(nèi)能夠?qū)W會的，這次實習對我很有大的幫助，在這過程中我還學到了很多東西。有了這次實習的經(jīng)驗，再以后就可以更快，更好的融入新的環(huán)境，完成學生向職場人士的轉(zhuǎn)換。在實習期間通過不斷的學習和總結(jié)經(jīng)驗，提高了處理實際問題的能力，為我以后步入社會進行總結(jié)了以下經(jīng)驗。　　(1)用人單位在招聘員工的第一要看的就是你是否有想去學、我們一同過去的幾位應聘者中，有一部分就是因為在想去學習的勁頭上比別人遜色一點而落選。因為對于用人單位來說如果一個人有想去學習，那么他在這個特定的崗位上就會很快的得心應手，從而減少了用人單位要花很大的力氣來培養(yǎng)一個員工。　　(2)在工作中要有良好的學習能力，要有一套學習知識的系統(tǒng)，遇到問題自己能通過相關(guān)途徑自行解決能力，因為在工作中遇到問題各種各樣，并不是每一種情況都能把握，在這個時候要想把工作做好一定要有良好的學習能力，通過不斷的學習從而掌握相應技術(shù)，來解決工作中遇到的每個問題，這樣的學習能力，一方面來自向師傅的學習，想工作經(jīng)驗豐富的人學習，另一方面就是自學的能力，在沒有別人幫組下的情況下自己也能通過努力，尋找相關(guān)途徑來解決問題?！　?3)良好的人際關(guān)系是我們順利工作的保障。在工作之中不只是同技術(shù)，同設(shè)備打交道，更重要的是同人的交往。所以一定要掌握好同事之間的交往原則和社交禮儀，這也是我們平時要注意的。和諧的人際關(guān)系，能為順利工作創(chuàng)造了良好的人際氛圍。　　另外在工作之中自己也有很多不足的地方，例如缺乏實踐經(jīng)驗，缺乏對相關(guān)技能知識的標準掌握等。所以我常提醒自己一定不要怕苦怕累，在掌握之知識的同時加強實踐，做到理論聯(lián)系實際，另一方面要不斷的加強學習，學習新知識、新技術(shù)?！　⊥ㄟ^這次畢業(yè)實習，把自己在學習一方面鞏固所學知識，提高處理實際問題的能力，另一方面為順利進行畢業(yè)報告做好準備，并為就自己能順利與社會接軌做好準備，畢業(yè)實習是我們從學校走向社會的一個過渡，它為我們順利的走出校園，走向社會為做好了準備。

以Dreamweaver CC 設(shè)置文字樣式為例：1、鼠標選擇要更改的文字點擊《屬性》如圖2、點擊《css》3、更改字體，點擊《字體》的第一個下拉框來更改文件的字體，如圖：4、設(shè)計文字對齊方式。如居中對齊 。選中文字 -> 點擊圖片5、設(shè)計字體大小 ，點擊《大小》第一個下拉框來選擇想要的字體字大小。比如246、更改字體大小單位通常為px即像素。更改方法點擊大小的第二個選擇框如圖7、設(shè)計文字的顏色。點擊《大小》的第三個按鈕在彈出的色板中鼠標移到喜歡的顏色上點擊即可

網(wǎng)頁設(shè)計中的邊框代碼border。border-bottom：下邊框；border-left：左邊框；border-right：右邊框；border-top上邊框。邊框虛線樣式：dashed；邊框?qū)崿F(xiàn)樣式：solid。

屬于內(nèi)嵌樣式。例如：123<div  style="background:#ccc,width:300px; height:200px">樣式</div>這個表示，圖層 高度:200px ,寬度：300px, 背景：#ccc;   

<!doctype html><html><head><meta charset="utf-8"><link href="main.css" type="text/css" rel="stylesheet"><title>登陸界面</title></head><body> <div class="login_ico"> <img src="images/login_ico.png"> </div> <div class="login_putin"> <ul> <li><input type="text" ></li> <li><input type="password" ></li> </ul> </div> <div class="login_btn"> <input type="submit" value="登陸"> </div></body></html>樣式 ：*{ margin:0; padding:0;}li{ list-style-type:none; margin:0; padding:0;}a{ text-decoration:none; color:#000;}/*---------------------按鈕-----------------------------*/.login_putin ul li input{ margin: 0; width:70%; padding: 1em 2em 1em 5.4em; -webkit-border-radius:.3em; -moz-border-radius: .3em; border: 1px solid #999;}.login_btn{ width:300px; margin:40px auto 0 auto;}.login_btn input{ width:100%; margin:0; padding:.5em 0; -webkit-border-radius:.3em; -moz-border-radius: .3em; border:#1263be solid 1px; background:#1b85fd; color:#FFF; font-size:17px; font-weight:bolder; letter-spacing:1em;}.login_btn input:hover{ background:#1263be; }

<!doctype html><html><head><meta charset="utf-8"><link href="main.css" type="text/css" rel="stylesheet"><title>登陸界面</title></head><body><div class="login_ico"><img src="images/login_ico.png"> </div><div class="login_putin"><ul><li><input type="text" ></li><li><input type="password" ></li></ul></div><div class="login_btn"><input type="submit" value="登陸"></div></body></html>樣式 ：*{margin:0;padding:0;}li{list-style-type:none;margin:0;padding:0;}a{text-decoration:none;color:#000;}/*---------------------按鈕-----------------------------*/.login_putin ul li input{margin: 0;width:70%;padding: 1em 2em 1em 5.4em;-webkit-border-radius:.3em;-moz-border-radius: .3em;border: 1px solid #999;}.login_btn{width:300px;margin:40px auto 0 auto;}.login_btn input{width:100%;margin:0;padding:.5em 0;-webkit-border-radius:.3em;-moz-border-radius: .3em;border:#1263be solid 1px;background:#1b85fd;color:#FFF;font-size:17px;font-weight:bolder;letter-spacing:1em;}.login_btn input:hover{background:#1263be;}