美文网首页
border-image

border-image

作者: xueyueshuai | 来源:发表于2023-08-24 11:08 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    
    <style>
        .test-div{
            border-image-source: url('./bkg.jpg');
            border-image-width: auto;
            border-image-slice: 50 fill;
            border-image-repeat: round;
            width: 200px;
            height: 400px;
        }
    </style>
    <div class="test-div"></div>

</body>
</html>

相关文章

  • css3

    border-color border-image border-radius border-image和bor...

  • 不常见的CSS

    border-image

  • border-image

    border-image的属性

  • border-image详解

    一、border-image的兼容性 二、border-image的参数(包括图片、裁剪位置、重复性) 1、...

  • 渐变色圆环

    通过border-image来实现渐变色边框,但是border-image无法实现圆角,所以换一个思路:通过pad...

  • 2019-05-16 CSS3的border-image左右边框

    CSS3的border-image 今天在写页面的时候用到了css3的border-image属性,之前一直没有注...

  • border-image

    border-image 原始图片690*678 标注图片690*678 有边框(内容在边框里面) 无边框(内容贴...

  • border-image 属性

    border-image 属性 border-image-source 资源 图片路径 border-image...

  • CSS3

    边框 border-radius - 圆角边框 box-shadow - 边框阴影 border-image - ...

  • 移动端的那些坑

    iOS Safari Safari下使用border-image,不能设置border-color: transp...

网友评论

      本文标题:border-image

      本文链接:https://www.haomeiwen.com/subject/icoemdtx.html