CSS to beautify div border style instances

The work is done today. Think of a few days ago a CSS novice let me help him beautify his div border, the index thought rather than write a CSS small tutorial, help more CSS Novice Learn how to use CSS to beautify the borders of the page, not only Div, in fact, other elements of the beautification method and Div is the same, Below to beautify the div border as an example to introduce.

Let's write a CSS code that will beautify the border:

border:1px solid #96c2f1; background: #eff7ff

Apply this CSS code to the DIV and create a border effect with the following code:

  <div style= "padding:8px;border:1px solid #96c2f1 background: #eff7ff" >&nbsp;border:1px solid #96c2f1; Background: #eff7ff </div> border:1px solid #96c2f1 background: #eff7ff

After the entry into force the effect is as follows:

border:1px solid #96c2f1; background: #eff7ff

Here are a few more decorated Div border style, you can choose to use the style of your own web page:

border:1px solid #9bdf70; background: #f0fbeb

border:1px solid #bbe1f1; background: #eefaff

border:1px solid #cceff5; background: #fafcfd

border:1px solid #ffcc00; background: #fffff7

border:1px solid #cee3e9; background: #f1f7f9

border:1px solid #a9c9e2; background: #e8f5fe

border:1px solid #e3e197; background: #ffffdd

border:1px solid #adcd3c; background: #f2fddb

border:1px solid #bfd1eb; background: #f3faff

border:1px solid #a5b6c8; background: #eef3f7