如何仅在部分边缘创建边框，或者如何模拟边框？

Question

我认为这两张图像会澄清一切

现在我有（jsfiddle）：

我想知道是否有可能做到这一点：

Answer 1

你可以使用:after隐藏它，原油我知道，但在最新的浏览器的工作原理：

#column1:after{ 
    display:block; 
    content:''; 
    background-color:#f6f6f6; 
    height:100%; 
    width:5px; 
    position:absolute; 
    top:0; 
    right:-5px; 
} 

JSFiddle

Answer 2

更改/添加css：

#column1a { 
    margin-right: 200px; 
    border-bottom: 5px solid #E3E3E3; 
    background-color:#E3E3E3; 
    padding: 5px; 
} 
#column1a span { background-color: white; display:block;} 

改变的html：

<div id="column1a"><span>Ut enim 

这只是一个粗略的指南，所以我会离开它你来收拾。

Answer 3

CSS

#wrapper { 
    position: relative; 
} 

#left-section { 
    position: absolute; 
    left: 0; 
    width: 200px; 
    height: 100px; 
    border: 3px solid black; 
    border-right: none; 
    float: left; 
    background-color: white; 
    z-index: 5; 
} 

#right-section { 
    position: absolute; 
    left: 200px; 
    width: 100px; 
    height: 300px; 
    border: 3px solid black; 
    float: left; 
} 

标记

<div id="wrapper"> 
     <div id="left-section"></div> 
     <div id="right-section"></div> 
    </div> 

Answer 4

给像这种

#Coloumn1{position:absolute} 

演示>http://jsfiddle.net/TPNpy/285/