文档章节

CSS3-border-image

我是一只女汉子
 我是一只女汉子
发布于 2017/04/26 14:53
字数 176
阅读 2
收藏 0
点赞 0
评论 0

border-image有六大属性值,分别是:

图片地址border-image-source

属性名称: border-image-source
值: none | <image>
初始值: none

图片切片border-image-slice

属性名称: border-image-slice
值: [<number> | <percentage>]{1,4}
&& fill?
初始值: none

图片宽度border-image-width

属性名称: border-image-width
值: [ <length> | <percentage> | <number> | auto ]{1,4}
初始值: 1

图片外凸border-image-outset

属性名称: border-image-outset
值: [ <length> | <number> ]{1,4}
初始值: 0s

图片重复border-image-repeat

属性名称: border-image-repeat
值: [ stretch | repeat | round ]{1,2}
初始值: stretch

 

Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate

 

© 著作权归作者所有

共有 人打赏支持
我是一只女汉子
粉丝 0
博文 21
码字总数 10986
作品 0
沈阳
CSS3 边框(Borders)

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

wybo521 ⋅ 2016/01/23 ⋅ 0

CSS3--入门实用

**-----走进CSS3-----** 1、CSS特性: (1)CSS 用于控制网页的样式和布局。 (2)CSS3 是最新的 CSS 标准。 注:W3C的CSS3规范仍在开发。但是,许多新的CSS3属性已在现代浏览器使用。 ====...

我是宁采臣 ⋅ 2016/12/08 ⋅ 0

CSS3 Border-color

CSS3中有关于Border的属性一共有三个:圆角border-radius,图片边框border-image,边框多颜色border-color,其中圆角border-radius是常用的一个属性,而且现在很多网站制作圆角效果都使用bor...

sunshinewyf ⋅ 2015/10/22 ⋅ 0

为什么没有人使用CSS3的border-image 属性

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

欲思 ⋅ 2014/07/26 ⋅ 1

提升你设计水平的CSS3新技术

前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度...

晨曦之光 ⋅ 2012/03/09 ⋅ 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 ⋅ 5

为 Web 设计师准备的 20 款 CSS3 工具

1. CSS3 Generator 2. Border Radius 3. CSS3 Maker 4. CSS3 Transforms 5. CSS3 Drop shadow generator 6. Button Maker 7. Modernizr 8. CSS3 Cheat Sheet 9. CSS3 Menu 10. Rounded Corne......

oschina ⋅ 2013/09/01 ⋅ 5

css3全部样式兼容性大纲

前言 本文对所有的css3特性浏览器的支持性进行了全量枚举,希望对项目的技术选型以及兼容方案有所帮助,对css3采用正确的打开方式。 测试环境: Chrome, Firefox, Internet Explorer 8 ,IE-...

Tolonger ⋅ 01/05 ⋅ 0

CSS3实战第一波:让我们尽情的圆角吧

如果说,WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影,那么从iPhone、Android这些高端手机应用 起,我们终于可以庆幸比其他同行提前迎来了一个新时代,这两种高端手...

小编辑 ⋅ 2010/07/22 ⋅ 2

CSS3详解:background

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个...

DanielYue ⋅ 2016/07/14 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

如何使用serverchan微信推送告警

之前实现推送告警信息到微信的方法有如下几种: 1、通过企业公众号实现----收费: 2、通过QQ邮箱,在微信平台上开启收到邮件进行提醒; 3、第三方告警平台API,一般也是收费的; 不过最近看文...

问题终结者 ⋅ 4分钟前 ⋅ 0

TCP的RPC

RPC就是远程方法调用(Remote Process Call ),包含了客户端和服务端,涉及了对象的序列化传输。 1.服务端启动,注册远程调用的类2.客户端发送请求信息包含类、方法、参数的一些信息、序列化传...

Cobbage ⋅ 25分钟前 ⋅ 0

IOS-UI UI初步代码布局添加事件

ISO开发界面,UI是必须学习的一部分,其实很早之前想学来了,一直没有沉下心来学习。看到IOS的代码风格和布局就别扭的不行,跟java代码和android布局比较显得不是那么方便,所以一直到现在。...

京一 ⋅ 35分钟前 ⋅ 0

浅谈OpenDaylight的二次开发

OpenDaylight作为一款开源SDN网络控制器,依托于强大的社区支持以及功能特性,成为了目前主流的SDN网络控制器开发平台。在比较稳定的OpenDaylight Helium版本中,已经为开发者提供了大量的网...

wangxuwei ⋅ 44分钟前 ⋅ 0

API 开发中可选择传递 token 接口遇到的一个坑

在做 API 开发时,不可避免会涉及到登录验证,我使用的是jwt-auth 在登录中会经常遇到一个token过期的问题,在config/jwt.php默认设置中,这个过期时间是一个小时,不过为了安全也可以设置更...

等月人 ⋅ 45分钟前 ⋅ 0

Java NIO之文件处理

程序要操作本地操作系统的一个文件,可以分为以下三个部分: 对文件位置的操作 对文件的操作 对文件内容的操作 其中,对文件内容的操作在 Java NIO之Channel 中已经有了介绍,通过FileChann...

士别三日 ⋅ 50分钟前 ⋅ 0

Maven的pom.xml配置文件详解

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.......

小海bug ⋅ 今天 ⋅ 0

解决httpclient超时设置不生效的问题

最近公司有项目需要通过http调用第三方服务,且第三方服务偶有超时,故需要设置一定的超时时间防止不响应的情况出现。 初始设置如下: [java] view plain copy //超时设置 RequestConfig re...

Mr_Tea伯奕 ⋅ 今天 ⋅ 0

过滤器Filter和拦截器HandlerInterceptor

过滤器 依赖于servlet容器。在实现上基于函数回调,可以对几乎所有请求进行过滤,但是缺点是一个过滤器实例只能在容器初始化时调用一次。使用过滤器的目的是用来做一些过滤操作,获取我们想要...

hutaishi ⋅ 今天 ⋅ 0

Redis入门详解(转)

Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis应用场景 Redis总结 Redis简介: Redi...

xiaoyaoyoufang ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部