给div添加漂亮的边框背景图

在项目中，给页面，尤其是监控页面这种需要美观的页面，添加一个漂亮的边框是非常高端大气上档次的，但是往往利用css样式去画这样的边框又很麻烦，最近突然发现，原来可以给div弄个漂亮的边框背景图片很容易就搞定了。

一个带阴影特效的背景图：

.graph_side{
    border:1px solid rgb(1,116,183);
	width:100%;position: relative;height:99%;margin:0px;
    /*box-shadow: inset 0px 0px 50px #094494;*/
    box-sizing:border-box;border-width:50px 37px 20px 132px;border-image:url(/img/border.png') 50 37 20 132;
}

给div添加样式：box-sizing:border-box;border-width:50px 37px 20px 132px;border-image:url(/img/border.png’) 50 37 20 132;
就可以啦！
当然这样加完以后，div中原本的元素位置可能会串，还需要将原本的元素绝对定位，然后重新调一下位置就可以啦！
下面是里面元素调的位置参数，记录一下，便于以后查找记录

最终的效果图