小编在进修 css 的过程中经常会用到 div 或者其他有边框的元素进行区域的划分,但教员讲解了 边框 不仅可以用线条着一种体例来闪现,还可可以用图像作为边框,这一结果感受挺适用的所以分享给大师;

东西/原料
- 电脑
- Sublime text 2
方式/步调
- 1
起首我们找到先建立一个静态页面,在 body 里面直接写入一个 div(比力常见)很是简单的用div的边框来演示;
- 2
我们先正常的为 div 设置一下 宽和高 还有边框属性,页面位置(这里 margin是为了让div 在网页居中,边框的厚度就宽一点。颜色选红色)
- 3
然后我们实现如图一的结果,关头在于
border-image属性,url 按照路径获取图像,12 是切取图像的边距(具体的百度诠释有点绕口)之后 round(程度铺满) stretch(垂直拉伸)
- 4
第二个则是跟改变一下 程度 和 垂直的结果;
即使 stretch(程度拉伸) stretch(垂直拉伸)
(还有一个属性 repeated 平铺;)
- 5
第三个结果则是 节制 一下边距的细节达到的;
border-imag:url() A B C D;对应的就是 上 右 下 左;
注重事项
- 仅作分享;
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/240535.html
- 上一篇: Excel中常用的统计/计算数据个数的函数有哪些
- 下一篇: 支付宝如何查询住房公积金
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
faceu激萌怎么把瘦脸开到最大
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497