使方形宽度更长,同时保持角落圆角

时间:2012-09-27 07:22:12

标签: css background position background-image

所以我有一个背景图片,例如

enter image description here

我想要做的是让长度更长,但要保持圆角。我知道有一个css技巧可以做到这一点,(它们用于iPhone网络应用程序)但我找不到它。

想知道是否有人知道如何。

1 个答案:

答案 0 :(得分:0)

..........................的 .Live demo

嗨,现在很简单

<强> HTML

<div></div>

用于此 css

div{
width:100px;
  height:100px;
  background:red;
  border-radius:20px;
  border:solid 10px blue;
  box-shadow:20px 20px 0 0 rgba(0,0,0,0.4) inset;
-webkit-box-shadow:20px 20px 0 0 rgba(0,0,0,0.4) inset;
  -moz-box-shadow:20px 20px 0 0 rgba(0,0,0,0.4) inset;
}

Live demo


与你想要的一样

Demo