How to create a list group with css
How to create a list group with css and html We will create a responsive and very simple list group with css and html. We will design a beautiful header with hoverable lists. Here is the list group Here is the source code <! DOCTYPE html > < html > < head > < title ></ title > < style type = "text/css" > .group-list { width : 100% ; height :auto; padding : 0 ; margin : 0 ; border-top : 1px solid #ddd ; border-left : 1px solid #ddd ; border-right : 1px solid #ddd; border-radius : 2px ; box-shadow : 0 0 2px 2px rgba( 0 , 0 , 0 , 0.1 ); } .group-list:first-child a { border-top-left-radius : 2px ; border-top-right-radius : 2px ; } .group-list:last-child a { border-bottom-left-radius : 2px ; border-bottom-right-radius : 2px ; } .group-list .header { background :#d32f2f ; color :#fff; } .group-list .h...