В общем хочу отделить как то футер от основного контента, раньше всегда писал solid black, но оно выглядит очень явно, подскажите пожалуйста, какие есть еще виды рамок в css, может найду что то что подойдет, заранее благодарю!)
Рамки вообще можно сочетать по разному, например сделать рамку сверху, и что бы она как бы отдавала оттенок более легкого цвета рамки на весь блок, вообще их не так много, чуть меньше половина стилей рамок это объемные рамки, остальное это различные варианты обычных плоских рамок, лучше покажу на примерах:
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
/* 3d borders */
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p { margin: 20px;}
p class="dotted">Lorem ipsum.
<p class="dashed">Lorem ipsum.
<p class="solid">Lorem ipsum.
<p class="double">Lorem ipsum.
<p class="none">Lorem ipsum.
<p class="hidden">Lorem ipsum.
<p class="mix">Lorem ipsum.
3 мерные рамки:
<p class="groove">Lorem ipsum.
<p class="ridge">Lorem ipsum.
<p class="inset">Lorem ipsum.
<p class="outset">Lorem ipsum.
Названия свойств border-style по сути говорят сам за себя, в точечку, дефисами, сплошная, двойная, нет рамки, и спрятанная рамка, ну и еще mix это просто все смешанные вместе, такое обычно не используют, ну и 3d рамки есть внутренние, внешние, выпирающие только рамки, или углубленные только рамки, на примере по сути все существующие варианты, но опять же, советую смешать их с каким то цветом и не отделять исключительно рамкой.