css描边怎样做里边一种颜色,外边一种颜色

html-css012

css描边怎样做里边一种颜色,外边一种颜色,第1张

原理:利用两个层分别定义不同的边框颜色,一个在内,一个在外即可,在内的自适应。代码如下,已经测试通过:

<div style="width:300pxheight:30pxline-height:30pxborder:1px solid red">

    <div style="width:100%height:30pxline-height:30pxborder:1px solid green">文本内容

    </div>

</div>

<div style="border:#096 solidwidth:440">

<img src="*.jpg" width="440" height="247" />

</div>