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

html-css015

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>

用border样式

border:1px solid #000

这是一次性给四条边都加上边框的样式，后面三个属性分别是边框宽度、边框样式（solid是直线，dotted是点线，dashed是虚线）、和边框颜色

每条边单独添加分别用border-top、border-right、border-bottom、botder-left，代表上、右、下、左

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

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

</div>