1.,, skabe en ny html dokument.2.,, hvis du bruger adobe dreamweaver så aktive, kode, betragtning (se billede). 3.,, et sted mellem < head > og < /head > hundetegn.4.,, Write or rather copy/paste the following code:,,<style>,,\ta.css-button {,,\t\tfont-size:30px;,,\t\tcolor:#000;,,\t\ttext-decoration:none;,,\t\tdisplay:block;,,\t\twidth:350px;,,\t\tpadding:5px;,,\t\tborder:1px solid #DDD;,,\t\ttext-align:center;,,,,,\t\t-moz-border-radius:5px;,,\t\t-webkit-border-radius:5px;,,\t\t-o-border-radius:5px;,,\t\tborder-radius:5px;,,,,,\t\tbackground:#FFFFFF;,,\t\tbackground:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));,,\t\tbackground:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);,,,,,\t\t-webkit-transition: all .4s ease-in-out;,,\t\t-moz-transition: all .4s ease-in-out;,,\t\t-o-transition: all .4s ease-in-out;,,\t\ttransition: all .4s ease-in-out;,,\t},,\ta.css-button:hover {,,\t\tcolor:#fff;,,\t\tbfor farve:೎be;,,,,, baggrund:ၣdd;,, baggrund: - webkit hældning (lineær, 0%, 0%, 0% 100% fra (# 4195dd), (# 003c82), baggrund: - moz lineær gradient (0% til 90% 90deg,c82,ၣdd);,,,, a.css-button: aktive {, baggrund:ၣdd;,, baggrund: - webkit hældning (lineær, 0%, 0%, 0% 100% fra (# 003c82), (# 4195dd), baggrund: - moz lineær gradient (0% 90% 90deg,ၣdd,c82);,,,,,,, a.css-button.notransitions {, - webkit overgang: ingen,,, - - overgang: ingen,,, - o-transition: ingen;,, overgangen: ingen,,,,, < /stil >,,5.,, hvis du er en dreamweaver bruger, aktiver, design, betragtning.,,, hvis du ikke er en dreamweaver bruger end blot at tilføje disse to led i < krop > et af dine html dokument:,, < p > < en href = "http://www.dreevoo.com/category.php?id = 120 "> dreevoo.com overgang < /a > < /p >, < p > < en href =" http://www.dreevoo.com/category.php?id = 119 "> dreevoo.com ingen overgang < /a > < /p >,,,,,,,,,,,,og gå direkte til trin 10 af tutor.,,, 6., ind i to ord eller ord kombinationer, hver på en separat linje.7.,, vælges den første.8.i den forbindelse ind, inden en url du knappen til punkt (se billedet).9.,, gøre det samme for den anden række.,, gå tilbage til kode synspunkt.10.,, gå indenfor < krop > plader, hvor forbindelsen er oprettet (se billedet).11.,, tilføjer klasse = "css knap" (se billedet).12., og det andet led i røven, klasse = "css knap notransitions" (se billedet).13.,, medmindre deres dokument og se, hvordan det ser ud i din browser.,,, presse f.12, hvis de er dreamweaver bruger.,,, 14.,, hvis du løber din muse /point i løbet af de første knap, en kort overgang skal forekomme før farven ind.,, og den anden skal vende det blå.,,, tjek min afrundet css knapper,.,,,, spil nu med kodeksen og dens egenskaber og se, hvad der sker.hvis du har brug for hjælp eller råd, du er mere end velkommen til at benytte forum eller bemærkninger under <.,