CSS3 HTML5实例二(图形化边界)
来源:互联网 发布:python replace 正则 编辑:程序博客网 时间:2024/05/29 15:21
顾名思义,图形化边界就是允许使用图片作为对象的边界,语法如下:
border: 5px solid #cccccc;
-webkit-border-image: url(/images/border-image.png) 5 repeat;
-moz-border-image: url(/images/border-image.png) 5 repeat;
border-image: url(/images/border-image.png) 5 repeat;
这里,border: 5px 设定了边界的宽度,然后,每个边界的图片定义告诉浏览器,使用图片的多大一部分来充当边界。边界图片还可以针对每一条边单独设置:
border-bottom-rightright-image
border-bottom-image
border-bottom-left-image
border-left-image
border-top-left-image
border-top-image
border-top-rightright-image
border-right-image
支持的浏览器: Firefox 3.1, Safari , Chrome.
- CSS3 HTML5实例二(图形化边界)
- 图形处理(二)固定边界参数化
- 图形处理(二)固定边界参数化
- HTML5+CSS3(二)
- html5+css3(二)
- CSS3 HTML5实例一(圆角)
- HTML5+CSS3学习(二)HTML5 语法规范
- 纯 CSS3 打造的按钮实例 | HTML5、CSS3、DEMO 实例
- HTML5 WebSocketAPI实例(二)
- 迷人的HTML5和CSS3应用实例
- html5 css3学习资料、教程、实例收集
- Html5实例: <canvas>绘制渐变图形
- 零基础精通HTML5+CSS3(二)
- HTML5与CSS3学习笔记(二)
- HTML5+JS+CSS3前端积累(二)
- HTML5之HTML+CSS3代码(二)
- Html5与Css3页面构成(二)
- HTML5和css3实例:制作HTML5验证的网页表单
- Windows驱动开发WDM (16)- 完成例程 (重新获得IRP控制权)
- [MySQL]MySQL Error 1130 Host 'localhost' is not allowed to connect to this MySQL server
- Android 混淆注意事项
- 体会函数参数传递
- Android ANR
- CSS3 HTML5实例二(图形化边界)
- 想成为Java高手的25个学习目标
- .mc文件
- poj 2485
- linux块设备驱动之make_request与request 分别创建内存虚拟磁盘
- 修改openssh源代码,添加流量统计并发送到远程功能
- Ruby On Rails
- 使用XFire开发WebService【服务端】
- CSS3 HTML5实例一(圆角)