文档章节

css3-border-image

w
 wyn5111
发布于 2016/06/27 20:37
字数 97
阅读 3
收藏 0

为边框设置背景图片,语法

border-image:url(image路径) 10 10 10 10 repeat(有三个参数可选,round平铺,repeat,stretch)

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>边框图片</title>
<style>
#border_image {
    margin:0 auto;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:30px;
    width:450px;
    border:15px solid #ccc;
    border-image:url(http://img.mukewang.com/52e22a1c0001406e03040221.jpg) 30 round;
    }
</style>
</head>
<body>
<div id="border_image">
请为我镶嵌上漂亮的画框吧
</div>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
w
粉丝 0
博文 10
码字总数 3165
作品 0
西安
私信 提问
CSS3 边框(Borders)

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

wybo521
2016/01/23
34
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
8.7K
5
CSS3 Border-color

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

sunshinewyf
2015/10/22
18
0
为什么没有人使用CSS3的border-image 属性

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

欲思
2014/07/26
153
1
CSS3实战第一波:让我们尽情的圆角吧

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

小编辑
2010/07/22
712
2

没有更多内容

加载失败,请刷新页面

加载更多

c++ 开源算法库 (持续更新)

最近在做算法方面的研究,发现很难找到一个全面而优质的科学计算算法库。不过还是找到一些,在此记录一下,将来也许自己写一个把所有这些整合在一起。本列表会持续不定期更新。 GSL http://w...

propagator
14分钟前
3
0
Mysql Binlog三种格式介绍及分析

一.Mysql Binlog格式介绍 Mysql binlog日志有三种格式,分别为Statement,MiXED,以及ROW! 1.Statement:每一条会修改数据的sql都会记录在binlog中。 优点:不需要记录每一行的变化,减少了b...

rechardchensir
16分钟前
0
0
apache顶级项目(五) - J~L

apache顶级项目(五) - J~L https://www.apache.org/ Jackrabbit The Apache Jackrabbit™ content repository is a fully conforming implementation of the Content Repository for Java......

晨猫
20分钟前
0
0
压力测试工具记录

Siege Siege官网: https://www.joedog.org/siege-home/ Siege是一个Linux系统下多线程http负载测试和基准测试工具。 使用理由:可跟踪详细请求信息,信息比较全。 安装 wget http://downlo...

兜兜毛毛
25分钟前
0
0
Zookeeper分析

沉稳2018
36分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部