Архив рубрики: CSS

CSS — основы

CSS для чайников, часть 1Привет, друзья! Недавняя запись по поводу создания идеально круглой картинки посредством CSS надоумила меня на создание ряда записей, посвященных потрясающе удобной технологии CSS (Cascading Style Sheets — что в переводе звучит приблизительно как «Каскадная таблица стилей»).

Сегодня мы определим, где и с помощью каких методов будет проходит демонстрация работы CSS, ну и узнаем пару интересных вещей об этой технологии, да.

Итак, для демонстрации работоспособности Читать далее CSS — основы

Круглая картинка с помощью CSS

Нужна совершенно круглая картинка? Чего проще? Берем Photoshop, и режем картинку под нужный размер. Просто, работает во всех браузерах (даже в IE 🙂 ) но … так по-стариковски. Тем более, если речь идет о картинках в количестве, измеряемых десятками или сотнями (бывает и такое)… Лучше использовать CSS — примитивный код, и масса сэкономленного времени.

img {
width: 200px;
height: 200px;
border-radius: 50%;
}

Представленный код, обернутый <style type=»text/css»> позволяет сделать любую картинку совершенно круглой.
Круглая картинка с помощью CSS