Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.95/21: Рейтинг темы: голосов - 21, средняя оценка - 4.95
0 / 0 / 1
Регистрация: 20.10.2011
Сообщений: 102

Как сделать закругленные углы

24.11.2011, 17:24. Показов 4005. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
HTML5
1
2
3
4
5
6
<div id="fullPicBloc" class="callbackSlideShow">
 
<ul  class="slides">
<li class="slide"><p>Кликните по картинке для просмотра информации об автомобиле</p><a title="Aston Martin V12 Vantage (Астон Мартин V12 Vantage)"  href="sportcar1.html"><img src="https://www.cyberforum.ru/images/gallery/1.jpg" alt="" /></a></li>
</ul>
</div>
У меня есть такое слайд шоу,
HTML5
1
<p>Кликните по картинке для просмотра информации об автомобиле</p>
эта строка отображается в прямоугольнике серого цвета
вот параметры этой строки в CSS

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.slide p {   
            margin: 1em;
            position: absolute;
            right: 0px;
            bottom: 0px;
        
            background-color: #D8D8D8;
            opacity: .7;
            filter: alpha(opacity=70);
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            color: #000;
            z-index: 1000;
            padding: 0.2em 0.8em;
            font-size: 11px;
        }
некоторые параметры относятся к Java коду

как мне сделать так чтобы были закругленные углы для этого прямоугольника????
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.11.2011, 17:24
Ответы с готовыми решениями:

Закругленные углы
Все привет. Подскажите пожалуйста как сделать закругленные углы у border с помощью CSS

Закругленные углы
Доброго времени суток! Просьба помочь с закругленными углами дива.вот код html и css &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML...

Закругленные углы у блока
Привет всем. В общем нарисовал и сверстал свой первый макет, и уже ненавижу IE. Собственно вот &quot;сайт&quot; - http://cat.exlain.ru/ ...

7
Обитатель
 Аватар для vasvas7775
539 / 317 / 42
Регистрация: 24.12.2010
Сообщений: 795
24.11.2011, 17:28
HTML5
1
2
3
4
5
6
7
8
9
10
<style>
.pole {
width: 250px; 
height: 30px;
border: solid 1px #bbbbbb;
border-radius: 10px;  // закругляем углы на 10px
}
</style>
 
<input class='pole' type='text' name='login' />
2
48 / 48 / 2
Регистрация: 25.05.2011
Сообщений: 277
25.11.2011, 02:16
для IE можно еще использовать css3pie
0
Обитатель
 Аватар для vasvas7775
539 / 317 / 42
Регистрация: 24.12.2010
Сообщений: 795
25.11.2011, 08:59
Цитата Сообщение от planod Посмотреть сообщение
для IE можно еще использовать css3pie
только эти стили в ie не работают
0
48 / 48 / 2
Регистрация: 25.05.2011
Сообщений: 277
25.11.2011, 11:12
Цитата Сообщение от vasvas7775 Посмотреть сообщение
только эти стили в ie не работают
не понял, что вы имели ввиду...
0
Обитатель
 Аватар для vasvas7775
539 / 317 / 42
Регистрация: 24.12.2010
Сообщений: 795
25.11.2011, 13:58
хром и опера с этими стилями работают нормально.
но вот ie никак.
Тестил через ietester, так ни одна версия ie, не сработала....
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
25.11.2011, 14:08
vasvas7775, какие стили, вы о чем?
css3pie создан специально для ie, и работает только в нем.
Эта штука нужна чтобы использовать некоторые свойства css3 в старых версиях ie, для других браузеров он впринципе не предназначен.
0
0 / 0 / 1
Регистрация: 20.10.2011
Сообщений: 102
25.11.2011, 15:22  [ТС]
спасибо все получилось)))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.11.2011, 15:22
Помогаю со студенческими работами здесь

Закругленные углы у блоков и у вложенных изображений
Добрый день! Есть блок &lt;div&gt; с закругленными углами. И есть вложенное изображение, которое занимает половину блока (прижато к левому...

Закругленные углы в IE6-8 без JavaScript
Есть отличный пример подсказок с закруглёнными углами и тенями, русскоязычный вариант тут. Вопрос: возможно ли заставить IE6-8 выводить...

Как сделать закругленные поля как на скриншоте?
Закругленные поля и рамки как на скриншоте

Как сделать такие углы?
Добрый день! Подскажите как можно сделать такие углы? Спасибо!

Как сделать такие углы у div
Добрый день! Как сделать такие углы у div. Пример: Спасибо! 1. На каждый вопрос создавайте по одной теме! (Правила п.4.4)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru