我想像这样制作设计css --------------------- U ----- |
我无法精确绘制设计在这里。但是U形的宽度应该扩展到适合家庭的链接。有可能吗？
答案 0 :(得分：3)
很难从该描述中完全解读你所追求的内容。文本模式演示并没有真正解释它： - ）
这个可以使用CSS border-radius来实现，但如果我正确地解释你的请求，那听起来就像是一个非常复杂的布局。
border-radius只有圆角 - 即盒子的四个角。因此，如果你需要比这更复杂的布局，你需要有几个圆角的盒子，适当定位以获得理想的效果。
您可以通过容器盒上的圆角为您提到的家庭/关于链接实现它。如果这不能满足您的需求，那么对我来说，更像是需要图形而不是CSS边框。
如果CSS border-radius确实适合您，请记住IE上不支持border-radius功能。好消息是有一个名为CSS3Pie的IE浏览器修复了这个问题，所以你可以在所有浏览器中使用border-radius。
希望对你有用。
答案 1 :(得分：2)
http://border-radius.com/ CSS边界半径生成器
答案 2 :(得分：1)
您只能使用CSS3 ，但可以使用spiffy corners之类的内容。
答案 3 :(得分：0)
如果你想与旧的浏览器保持兼容，那么你不能在css中这样做，你必须用图形来做。 IE 8及以下版本不会这样做，不确定其他浏览器，但请记住边界半径是相当新的。
答案 4 :(得分：0)
以下是一个例子：
<style type="text/css">
div.test
{
width: 115px;
padding: 10px;
border: 2px solid #000;
border-radius: 15px;
-moz-border-radius: 15px;
}
</style>
<div class="test">This is some text!</div>