Заоблени ъгли на форма и бутон
Гледах , че има въпроси как да си направите заоблени ъгли на
форма за търсене или каквато и да е била друга..и викам да чатна едно уроче тук Smile

Демо: http://weeb-demos.hit.bg/form.html

Картинки за урока:






Нека да започваме с кодчето което съдържа HTML и CSS Smile



<!-- формата за писане -->
<input type="text" name="urok za WT" class="formata">
<!-- Край на формата за писане -->

<!-- бутона -->
<input type="button" class="butona" name="uroka za WT" value="web-t :)">
<!-- Край на бутона -->


<!-- Начало на CSS кода -->
<style type="text/css">
.formata{
background-image:url(a.png); /*задаваме фона на формата за писане*/
color: #94bc1c; /*задаваме цвета на текста в формата*/
width:254px; /*широчина */
height:33px; /*височина*/
padding-left:5px; /*изместане на текста в формата с 5 пискела на дясно*/
padding-right:5px; /*изместане на текста в формата с 5 пискела на ляво*/
font-size:25px; /*задаваме големината на шрифта*/
border:0px; /*премахваме рамката на формата*/

}
.butona{
background-image:url(b.png); /*задаваме фона на формата за бутона*/
color: #94bc1c; /*цвят на текста в бутона*/
width:164px; /*ширина на бутона*/
height:33px; /*височина на бутона*/
padding-left:5px; /*изместане на текста в формата с 5 пискела на дясно*/
padding-right:5px; /*изместане на текста в формата с 5 пискела на ляво*/
font-size:25px; /*задаваме големината на шрифта*/
border:0px; /*премахваме рамката на бутона*/

}
</style>

<!-- Край на CSS кода -->



Урокът e писан специално за web-tourist! Smile

Дано съм бил полезен.. Ако има въпроси на ЛЦ




/ Трябва да сте регистриран за да напишете коментар /