Create rounded border for Menu using CSS

Everyone wants a stylish website. There are many ways to stylize your website. Suppose you want to change your menu layout like you want a rounded border. You can get it from your style.css file. Just follow few steps given bellow. 
Go to your style.css file. Find out css class or id for your website’s menu. Now copy the codes given bellow – 
border:1px solid #3c3c3c;                                                                                                                   
border-top-left-radius: 5px;                                                                                                                 
border-bottom-left-radius: 5px;                                                                                                           
border-top-right-radius: 5px;                                                                                                               
border-bottom-right-radius: 5px;                                                                                                         

Paste it in the place of your menu border in style.css. Replace #3c3c3c with your own color. Now save the file and check it. 

You can change the radius size as you want. But the given size is better I think. Try it yourself. Thank you so much. 

Categories: CSS