原理：利用两个层分别定义不同的边框颜色，一个在内，一个在外即可，在内的自适应。代码如下，已经测试通过：
<div style="width:300pxheight:30pxline-height:30pxborder:1px solid red"><div style="width:100%height:30pxline-height:30pxborder:1px solid green">文本内容
</div>
</div>
透明色可以是任意的颜色，就是一种颜色加的透明度。
CSS透明度的代码：
opacity:0.3
filter:alpha(opacity=30)
background:#000
这个的意思就是在黑色的基础上，透明度是百分五十。
根据你需要的颜色自己选择色值就行了。
了解 opacity 属性 不透明是100 要求30% 就是
opacity:0.3
filter:alpha(opacity=30)
用border样式border:1px solid #000
这是一次性给四条边都加上边框的样式，后面三个属性分别是边框宽度、边框样式（solid是直线，dotted是点线，dashed是虚线）、和边框颜色
每条边单独添加分别用border-top、border-right、border-bottom、botder-left，代表上、右、下、左
