Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать на css прямоугольник с разрывом по середине / 4 сообщений из 4, страница 1 из 1
01.06.2016, 21:18
    #39248505
jemoje
jemoje
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать на css прямоугольник с разрывом по середине
как сделать на css прямоугольник с разрывом по середине
как на сриншоте
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.06.2016, 21:20
    #39248506
jemoje
jemoje
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать на css прямоугольник с разрывом по середине
jemojeкак сделать на css прямоугольник с разрывом по середине
как на сриншотес учётом того что фон неоднородный
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.06.2016, 22:39
    #39248533
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать на css прямоугольник с разрывом по середине
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<style>
.main {
  position:relative;
  height:240px; width:240px;
  background: linear-gradient(45deg, transparent 50%, rgba(0,186,0,0.2) 50%, rgba(0,186,0,0.2)),
  linear-gradient(-45deg, rgba(0,186,0,0.2) 50%, transparent 50%, transparent);
}
.leftRect, .rightRect {
  position:absolute;
  top:20px; bottom:20px; width:50px;
  border:2px solid #DA9A2E;
}
.leftRect {
  left:20px;
  border-right-width:0;
  border-radius:8px 0 0 8px;
}
.rightRect {
  right:20px;
  border-left-width:0;
  border-radius:0 8px 8px 0;
}
</style>
</head>
<body>
<div class="main">
  <div class="leftRect"></div>
  <div class="rightRect"></div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.06.2016, 09:28
    #39248659
jemoje
jemoje
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать на css прямоугольник с разрывом по середине
user89,

спсибо большое то что надо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать на css прямоугольник с разрывом по середине / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]