Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Почему border-left ступеньками? Как это исправить?

Почему border-left ступеньками? Как это исправить?


     16.12.2014    Стили (CSS)    1050

вопрос
Почему border-left ступеньками? Как это исправить?
Почему border-left ступеньками? Как это исправить?


Вот css
.title_spoiler {
background: #f7f7f7;
border-left: 10px solid #ff5653;
border-bottom: 2px solid #e9e9e9;
font-weight: bold;
padding: 13px;
clear: both;
}

Ответа пока нет


Комментарии пользователей (5)

Sokolov
92 | 9

Sokolov - 16 декабря 2014 08:30 - Юзер


Вот увеличенный вариант.

FastFud
50

1599 | 588

FastFud - 16 декабря 2014 12:01 - Юзер

Используйте box-shadow. В вашем случае будет так:
.title_spoiler {
background: #f7f7f7;
box-shadow: 10px 0 0 #ff5653 inset, 0 2px 0 #e9e9e9;
-webkit-box-shadow: 10px 0 0 #ff5653 inset, 0 2px 0 #e9e9e9;
-moz-box-shadow: 10px 0 0 #ff5653 inset, 0 2px 0 #e9e9e9;
font-weight: bold;
padding: 13px;
clear: both;
}

Sokolov
92 | 9

Sokolov - 16 декабря 2014 12:19 - Юзер


Я пробовал такой вариант. Но не совсем то получается. Но всё равно спасибо. Неужели других вариантов нет? Разница на картинке. Разница может и не значительная, но она есть. Хочется более идеально). Может всё таки есть решение.

FastFud
50

1599 | 588

FastFud - 16 декабря 2014 12:47 - Юзер

box-shadow: 10px 0 0 #ff5653 inset, 0 -2px 0 #e9e9e9 inset;

Sokolov
92 | 9

Sokolov - 16 декабря 2014 12:57 - Юзер

Спасибо)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы