CSS虚线和斜线边框

Question

我发现了几篇关于如何确定边框的文章，但我试图做的是有点不同。

我有虚线边框的元素，像这样：

.box { border: 1px dashed #fff; } 

不过，我试图同时拥有.box的元素及其虚线边框的边角成45度角。

这可能吗？

Answer 1

你可以通过调整边界半径的贝塞尔获得一些相当接近到45度角： http://www.css3.info/preview/rounded-border/

Answer 2

是否有一个原因，为什么你会不想与2背景元素做到这一点？

.box { 
    /* this background image will stick to the top of the box */ 
    background: url(/* you would put a 10px high image that is the width of said box */) no-repeat left top; 
    display: block; 
    padding: 10px 0 0; /* this padding element needs to match the background height */ 
} 
    .box .inner { 
     /* this will stick the background image to the bottom, and grow with the natural height of the box */ 
     background: url(/* you'd put a looong background image, that could stretch vertically */) no-repeat left bottom; 
     display: block; 
     padding: 0 10px 10px; 
    } 

您的标记应该是这样的：

<div class="box"> 
    <div class="inner"> 
     ...Content goes here... 
    </div> 
</div> 

我能理解，如果你想只用border风格做到这一点，但我不知道的方式做正确的角度和让它在IE中工作，要获得最大的认可。