css怎么设置边框线样式

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1.png

方法2：使用border-image属性

border-image属性可以为边框添加背景图片

示例：

使用图所示的这张90px×90px的图片作为边框的背景图片。

代码示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

        div

        {

            width:210px;

            height:150px;

            border:30px solid gray;

            border-image:url(img/border.png) 30 repeat;

        }

    </style>

</head>

<body>

    <div></div>

</body>

</html>

浏览器预览效果如下图所示。

（学习视频分享：css视频教程）

以上就是css怎么设置边框线样式的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

vertical-align负值和margin-bottom负值的差异有哪些？

css超链接的底色如何设置

css border-bottom-color属性怎么用？

css怎么加滚动条

css怎样设置背景透明

css怎么设置滚动条宽度

网页设计中,css一般是指?

css如何实现圆形头像

css background-image属性怎么用

波浪的边框css怎么实现

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...