border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 20 round;
2016-12-18
div.banyuan{
width:50px;
height:100px;
background:#ccc;
border-radius:50px 0 0 50px;
}
</style>
</head>
<body>
<div class="circle">
</div>
<br/>
<!--任务部分-->
<div class="semi-circle">
</div>
<div class="banyuan">
width:50px;
height:100px;
background:#ccc;
border-radius:50px 0 0 50px;
}
</style>
</head>
<body>
<div class="circle">
</div>
<br/>
<!--任务部分-->
<div class="semi-circle">
</div>
<div class="banyuan">
2016-12-18
最新回答 / 丑丶小亚
开发中能用指向性数据(如left,right,center)等,能够避免不同浏览器的兼容问题。用px指向位置,都是清楚知道容器与图片尺寸的情况下使用,不然只能一点点去试位置,浪费开发时间。
2016-12-17