Через задницу немного, конечно, но. Мне с самого начала хотелось чистый белый бложик, но при этом с визуально отделяемыми друг от друга при наведении постами. Как такое сделать:
.bh-post-in { border: 1px solid #ffffff; border-radius: 2px ; padding-left: 30px; padding-top: 10px;} - стиль до наведения курсора
.bh-post-in:hover { border: 1px solid #d5d5d5; border-radius: 5px ; padding-left: 30px; box-shadow: 0 0 2px rgba(0,0,0,0.5); padding-top: 10px;} - стиль после наведения курсора
border: 1px - толщина границы в пикселях
solid - вид рамки, есть другие варианты по ссылке
#ffffff - цвет. В моем случае это цвет фона блога, чтобы без наведения курсора на пост рамка была не видна. Код цветов и обозначение в rgb можно посмотреть по ссылке
border-radius: 2px - скругление на углах, чем больше значение в пикселях, тем сильнее
padding-left: 30px; padding-top: 10px; - отступы сверху и слева от поста, т.к. без паддингов рамка "прилипает" к тексту, можно делать больше-меньше и добавить отступы справа (padding-right) и снизу (padding-bottom)
box-shadow: 0 0 2px rgba(0,0,0,0.5); - в ховере кроме рамки используется тень. Первые два ноля - отступы от рамки по осям Х и Y, далее - толщина в пикселях, затем цвет.
P.S. Понимаю, что это все можно сделать проще, но мое мастерство верстки - на тройных костылях. Может, на первое время кому-то пригодится.
Лучшее
Материалы сайта предназначены для лиц старше 16 лет (16+)