文档章节

css3 border-image

BryanYang
 BryanYang
发布于 2015/03/30 11:20
字数 94
阅读 74
收藏 1


这是一个截图,我想做做种样式的div.

最终效果

下面开始:

  1. 首先打开windows 画图板,手绘一个图形bg.jpg,歪歪扭扭就ok了:


  2.      <style type="text/css">
        div {
            -moz-border-image: url(border.png) 30 30 stretch;
            /* Old Firefox */
            
            -webkit-border-image: url(bg.jpg) 10 10 stretch;
            /* Safari and Chrome */
            
            -o-border-image: url(bg.png) 20 30 stretch;
            /* Opera */
            
            border-image: url(bg.jpg) 10 10 stretch;
        }
        </style>

© 著作权归作者所有

上一篇: js笔试题
BryanYang
粉丝 16
博文 165
码字总数 52036
作品 0
石景山
程序员
私信 提问
好程序员web前端分享CSS3 边框

好程序员web前端分享CSS3 边框,通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop。 在本章中,您将学到以下边框属性: border...

好程序员IT
05/15
0
0
CSS3 边框(Borders)

CSS3 Borders 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。 在本章中,您将了解以下的边框属性: border-radius box-shadow border-image 浏览...

wybo521
2016/01/23
34
0
好程序员web开发分享CSS3新增属性

好程序员web开发分享CSS3新增属性 1、Background-origin 背景原点 说明:指定background-origin属性应该是相对位置属性值:padding-box 背景图像填充框的相对位置 border-box 背景图像边界框...

好程序员IT
05/06
0
0
14 个在线生成 CSS3 的工具

1) CSS Creator – Layout Design 2) CSS Menu Maker 3) CSS3 Please 4) CSS3 Generator 5) CSS Border Radius 6) CSS3 Gradient Generator 7) CSS3 Button Generator 8 ) Mike Plate’s CSS......

oschina
2012/06/12
9.3K
5
为什么没有人使用CSS3的border-image 属性

border-image可以说也是CSS3中的重量级属性,如同圆角属性border-radius、边框颜色属性border-color、块阴影属性box-shadow一样,也是属于边框属性中的一员。 现在几乎所有的现代浏览器都支持...

欲思
2014/07/26
160
1

没有更多内容

加载失败,请刷新页面

加载更多

Angular 英雄编辑器

应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。 创建英雄组件 使用 Angular CLI 创建一个名为 heroes 的新组件。 ng gener...

honeymoose
今天
5
0
Kernel DMA

为什么会有DMA(直接内存访问)?我们知道通常情况下,内存数据跟外设之间的通信是通过cpu来传递的。cpu运行io指令将数据从内存拷贝到外设的io端口,或者从外设的io端口拷贝到内存。由于外设...

yepanl
今天
6
0
hive

一、hive的定义: Hive是一个SQL解析引擎,将SQL语句转译成MR Job,然后再在Hadoop平台上运行,达到快速开发的目的 Hive中的表是纯逻辑表,就只是表的定义,即表的元数据。本质就是Hadoop的目...

霉男纸
今天
5
0
二、Spring Cloud—Eureka(Greenwich.SR1)

注:本系列文章所用工具及版本如下:开发工具(IDEA 2018.3.5),Spring Boot(2.1.3.RELEASE),Spring Cloud(Greenwich.SR1),Maven(3.6.0),JDK(1.8) Eureka: Eureka是Netflix开发...

倪伟伟
昨天
15
0
eclipse常用插件

amaterasUML https://takezoe.github.io/amateras-update-site/ https://github.com/takezoe/amateras-modeler modelGoon https://www.cnblogs.com/aademeng/articles/6890266.html......

大头鬼_yc
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部