Помощник
|
круглые углы |
artylion
|
Сообщение
#1
|
||
|
|
||
|
|||
СиДжей |
2.5.2010, 0:08;
Ответить: СиДжей
Сообщение
#2
|
|
С помощью ксс 3 можно сделать используя специальные атрибуты. Но у ксс 2 нет таких атрибутов поэтому сдесь есть несколько способов создания закругленых углов. Первый это методом вставки двух изображений вверху и внизу. Тоесть
создаёшь специальные изображения с закругленными углами для верха и низа. Первое вставляешь бекграундом элементу абзаца или чему то что находится в блоке. А потом нижнее изображения ставишь бекграундом самому блоку. Если блок резиновый необходимо сделать четыре изображения и вставить таким же способом, только необходимо будет создать несколько вложеный блоков. Или самый громоздкий способ - просто вставляешь верху и низу по высоте однопиксельные блои, а ширину сужать гдето на 1-2 пикселя (чтобы получилась окружность). Ещё есть способ методом ксс, можешь прочитать его на сайте школы ксс. Что по поводу градиента то сдест тоже необходимо изображение создать. |
|
|
Evansw |
8.5.2010, 1:45;
Ответить: Evansw
Сообщение
#3
|
|
div.block
{ border-radius:15px; border:1px black solid } |
|
|
jahggler |
8.5.2010, 3:13;
Ответить: jahggler
Сообщение
#4
|
|
более проверенный, включая фикс для ИЕ:
.curved {
behavior: url("border-radius.htc"); -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ -khtml-border-radius: 10px; /* Linux browsers */ border-radius: 10px; /* Opera 10.50, IE and CSS3 */ } |
|
|
Sikha |
11.5.2010, 17:55;
Ответить: Sikha
Сообщение
#5
|
|
|
более проверенный, включая фикс для ИЕ: .curved { behavior: url("border-radius.htc"); -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ -khtml-border-radius: 10px; /* Linux browsers */ border-radius: 10px; /* Opera 10.50, IE and CSS3 */ } вот за эту строчку -khtml-border-radius: 10px; /* Linux browsers */ отдельное спасибо !)))
|
|
|
||
|
Текстовая версия | Сейчас: 19.3.2024, 9:27 |