Верстка Кроссбраузерной и резиновой кнопок в html

На сомом деле тема не нова, но часто с этой темой делают много ошибок. Сегодня из личного опыта разработки хочу поделиться интересным опытом верстки кнопок в html.  Первое что нам надо это правильно построить структуру будущей кнопки:

CSS для данной кнопки будет выглядеть следующим образом:

Все очень просто, но иногда об этом простои и эффективном методе верстки забывают, хотя многие клиенты требуют и скругления и тени в ИЕ 7. Также кнопки будут хорошо смотреться и в браузерах opera, firefox, safary, yandex browser и многих других, даже в старых их версиях. Все это можно реализовать простейшим способом, который я вам показал выше.

Данная статья была опубликована с собственного опыта разработки сайтов и с последней моей верстки кнопочек. Взят пример статьи  от сюда. Если материал вам пригодился, пишите, буду рад вашим комментариям.

Купить хостинг WordPress


Читайте также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *