问CSS圆周边界
EN

Stack Overflow用户

提问于 2010-12-01 19:31:13

回答 1查看 13.3K关注 0票数 3

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>1</title>
        <style type="text/css">
body{margin:100px;}
#x
{
    position:relative;
    width:300px;
    height:360px;
    background-color:#07284a;
    -moz-border-radius: 30px;
    -webkit-border-radius:30px;
    -khtml-border-radius:30px;
    border-radius:30px;
    border:1px solid #37629B;
}
#f
{
    background-color:#07284a;
    width:126px;
    height:126px;
    position:absolute;
    right:-63px;
    top:-63px;
    -moz-border-radius: 63px;
    -webkit-border-radius:63px;
    -khtml-border-radius:63px;
    border-radius:63px;
    border:1px solid red;
}
        </style>
    </head>
<body>
<div id="x">
    <div id="f"></div>
</div>

在"x“块内显示的是红色的圆形边框.我如何从圆圈中移除25%的边框？抱歉英语不太好

添加了

http://www.flickr.com/photos/26325973@N02/5223999393/

border

geometry

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-12-01 19:45:04

我相信你想要移除边框的左下角，这样它就能与大矩形混合。你可以通过移除底部边框，旋转45度，使底部变成左下角：

border-bottom-color: transparent;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4328265

复制

相似问题

问CSS圆周边界
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS圆周边界EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS圆周边界
EN