HTML кода за бутоните
Здравейте скъпи начинаещите уебмастъри.
В предишна статия, ние се научили как да се създаде рамката.
В тази статия ще ви покажа няколко варианта за код HTML за бутони, които са създадени с помощта на маркер бутон.
бутон маркер не е блоков елемент и той може да бъде поставен в други тагове HTML.
Особено трябва да се направи, защото обикновено един бутон, разположен като отделен елемент, и ако не е пусната в устройството (стр или DIV), тя се намира в края на линията, която се намира пред нея.
Но резултатът може да бъде poscholkat.
Следните бутони използват таблицата с маркер. За съжаление настройките ми тема не позволяват да се покаже текущата извадка, и да ги променят за един бутон, който вие не искате, така че аз се покаже на снимката.
Тя работи по същия начин като първия, само вида на малко по-различно. Между другото, ако добавите маса за таг атрибути, можете да промените изгледа още повече.
След това малко по-интересна, както в следния пример бутон маркер. въведе стила атрибут.
Това означава, че ключът ще бъде да се даде някои или клирънс.
Резултатът е валиден, можете да poscholkat, и да видим как работи бутона.
Нека разгледаме по-подробно какво имоти, които са подали заявление за регистрация.
1. фон: # fdeaa8; - цвят на бутона;
2. ширина: 80px; - ширината на един бутон;
3. височина: 40px; - височината на един бутон;
4. граничен радиус: 5px; - заоблени ъгли, ако вместо да се сложи 5px 50% / 50%, бутонът ще бъде закръглена;
5. бокс-сянка: 0px 1px 3px; - Създава сянка прави бутона по-забележима;
6. шрифта: 20px; - размера на текста;
Маркерът на бутон може да се вмъкне и изисква.
Друга характеристика, която може да се приложи към един бутон - това е заглавието.
Неговият ефект е, че когато мишката върху бутона ще се появи в прозореца на помощ, с текста, който ще се въведе този атрибут.
Обикновено това означава мястото, което води бутона.
И накрая - най-важното е това, което действително се нуждаят бутона. Как да направите връзката бутон.
За този бутон за таг прилага специална атрибут OnClick.
И бутон за цял код ще изглежда така:
Сега можете да с този бутон, за да се пренасочи към друг посетител на страницата на сайта, или друг сайт.
Всички бутони са активни, можете да опитате как те работят.
Бутони с различни ефекти, когато задържите и натисна, вижте статията CSS бутони с оригинални ефекти
Желая ви успех.
Не все още имате въпроси? попитам
Този евреин, за да печелят хиляди долари на месец и две хиляди дава на жена си, а останалите три живота на себе си.
Как иначе да украсят сайта
В този пост, адаш, не CSS. Всички стойности в атрибута стил. Това е чист HTML. Въвежда се кодът е показано на мястото на елемента, или друг блок, където е необходимо един бутон, и тя ще бъде там. Само кодът е необходимо, за да вмъкнете статия в текстов режим. В визуалното провалят. Истината може да се наложи да се коригира, както и появата на бутона и неговата позиция на страницата, но може би не.
Но ако правилно, тогава наистина ще трябва да се научи и HTML и CSS. Никой zaprostotak няма да се ровя във вашия шаблон, търсейки това, което определени бутони, и задайте размер на полетата, за да го поставите точно там, където е необходимо.
Още от първия код трябва да отнеме само р маркер, и всичко в него. Останалата част от тази страница рамка.
За да работи бутонът за това е в статията.
Да, всичко е наред благодаря. Но това е само как да направите това ще бъде един бутон се появи на страницата ми. Имам HTML и CSS, когато това вложка каквото имам на страницата, това е един бутон там. Аз например не знам. Всички опише как да пиша за това как да вмъкнете CSS, че ще работи не пиша. Моля, помогнете, ако искате да, разбира се. Благодаря предварително. pliz
За да поставите текста в бутона, което трябва да го поставите в кода на бутона, преди сключването на сделката. За да бъде в състояние да предостави едни бутон или на водещи линии, за да създадете бутон, трябва да се използва като маркер. вместо бутон