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

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


     16.12.2014    Все вопросы » Стили (CSS)    2045

вопрос
Почему 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
Юзер

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


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

FastFud
Юзер

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
Юзер

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


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

FastFud
Юзер

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

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

Sokolov
Юзер

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

Спасибо)

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

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

наверх