border-image用法

这里通过三个实例讲解一下border-image:

原图是这样子的：

接下来我们使用border-image来处理这个图片为边框图：

第一种：

代码：

<div style=" background:#F4FFFA;width:100%; height:210px; border:41px solid #ddd;   border-image:url(./imgs/333.png) 70 repeat ">
</div>

第二种：

代码：

<div style=" background:#F4FFFA;width:100%; height:210px; border:70px solid #ddd;   border-image:url(./imgs/333.png) 70 round">
</div>

第三种：

代码：

<div style=" background:#F4FFFA;width:100%; height:210px; border:70px solid #ddd;   border-image:url(./imgs/333.png) 70 stretch">
</div>

border-image用法相关推荐

java swing setborder_Swing编程边框(Border)的用法总结
2. 下面列出程序的完整实现代码: Java示例: package Test; import java.awt.*; import javax.swing.*; import javax.swing. ...
border on用法
Ross. You're not actually suggesting Helen Willick-Bunch-Geller? 'Cause I think that borders on chil ...
java swing setborder_Swing-setBorder()用法-入门
注:本文内容转自:Swing编程边框(Border)的用法总结.内容根据笔者理解稍有整理. 函数说明: public void setBorder(Border border) 设置此组件的边框.Bo ...
css 选父元素,CSS中模拟父元素选择器
很多情况下,我们需要找到父元素,但可惜的是css中并没有这样的一个选择器. 至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章. 简单来说这个实现并不是真正的父元素选择器,只是利用其它思路来 ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
html border 边距,css中border-sizing属性的用法
这篇文章给大家介绍的文章内容是关于css中border-sizing属性的用法,有很好的参考价值,希望可以帮助到有需要的朋友. box-sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子 ...
border之border-style用法
border-style border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式. border-style兼容性很好,基本所有浏览器都兼容 border-style拥 ...
outline的用法，outline和border的区别
个人理解: border:无论在box-size:border-box的情况下:还是在bo'x-size:content-box的情况下,border都会占据一定的大小 outline:outline ...
html 代码 border,HTML Style border用法及代码示例
DOM样式的border属性用于设置或返回元素边框的样式.我们可以为各个侧面(顶部,右侧,底部,左侧)设置不同的边框样式. border-style属性的每一侧都可以采用多个值. 用法: 它用于返回S ...
css3属性box-sizing:border-box 用法解析击败边框：带border的百分比布局
响应式Web设计经常需要我们通过百分比设置组件宽度.如果我们不考虑边框,那么很容易就可以实现,但如果你给每一列以及总宽度都采用百分比设置,那这个时候固定的边框大小就会出来捣乱.下面我们将看到一组方法去 ...

border-image用法

第一种：

第二种：

第三种：

border-image用法相关推荐

最新文章

热门文章