返回列表 回复 发帖

[技巧心得] 关于CSS:Border技巧之柠檬的形状

本帖最后由 滴巴 于 2017-3-30 10:52 编辑
/* 左上角, 右上角, 右下角, 左下角 */
border-radius: 20px 0 30px 0;
举个例子(网页设计师经常这样做),可以用CSS的border-radius属性模拟柠檬的形状,如下:
  1. .lemon {
  2.    width: 200px; height: 200px;

  3.    background: #F5F240;
  4.    border: 1px solid #F0D900;     
  5.    border-radius: 10px 150px 30px 150px;
  6. }
复制代码
返回列表