From eb7978b5864f3322da1f9e57fc6963b1c50c824a Mon Sep 17 00:00:00 2001 From: zhujinlu Date: Sat, 4 Jul 2020 15:43:10 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=E5=9B=BE=E7=89=87=E5=BC=95?= =?UTF-8?q?=E7=94=A8=E8=B7=AF=E5=BE=84=E5=BF=98=E8=AE=B0=E6=94=B9...?= =?UTF-8?q?=E6=B7=A6!?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- source/_posts/前端杂烩/CSS属性sharp-outside.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/source/_posts/前端杂烩/CSS属性sharp-outside.md b/source/_posts/前端杂烩/CSS属性sharp-outside.md index 852ec74..c6e7cab 100644 --- a/source/_posts/前端杂烩/CSS属性sharp-outside.md +++ b/source/_posts/前端杂烩/CSS属性sharp-outside.md @@ -39,7 +39,7 @@ categories: shape-outside: circle(50% at 20px 30px); } ``` -![circle](/images/前端杂烩/sharp-outside/circle.png) +![circle](/images/前端杂烩/shape-outside/circle.png) + `ellipse([{2}]? [at ]?)` - 椭圆形 这个函数与circle非常类似，差别就是shape-radius如果指定，需要指定两个值，分别表示X轴方向的半径和Y轴方向的半径 @@ -59,7 +59,7 @@ fill-rule有`nonzero | evenodd`两个值，用于指定确定点在内部和外 shape-outside: polygon(10px 10px, 20px 20px, 30px 30px); } ``` -![polygon](/images/前端杂烩/sharp-outside/polygon.png) +![polygon](/images/前端杂烩/shape-outside/polygon.png) #### 使用图片形状 通常使用PNG图片，因为这种图片允许透明像素，如果是JPG这种只能是矩形的，也就没有什么意义了 @@ -69,7 +69,7 @@ fill-rule有`nonzero | evenodd`两个值，用于指定确定点在内部和外 shape-outside: url(/example/demo.png); } ``` -![url](/images/前端杂烩/sharp-outside/url.png) +![url](/images/前端杂烩/shape-outside/url.png) 实际使用的是该图片的轮廓，这个属性并不会使图片显示出来，如果要看到图片，还需要配合background属性 @@ -106,4 +106,4 @@ fill-rule有`nonzero | evenodd`两个值，用于指定确定点在内部和外 } ``` -![circle-inner](/images/前端杂烩/sharp-outside/circle-inner.png) \ No newline at end of file +![circle-inner](/images/前端杂烩/shape-outside/circle-inner.png) \ No newline at end of file