CSS3 入门到精通(一)
2024-09-01 10:21:40
CSS 用于控制网页的样式和布局。
CSS3 是最新的 CSS 标准。
一. CSS3边框
实例
向 div 元素添加圆角:
div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}
CSS3 边框阴影
在 CSS3 中,box-shadow 用于向方框添加阴影:
实例
向 div 元素添加方框阴影:
div
{
box-shadow: 10px 10px 5px #888888;
}
CSS3 边框图片
通过 CSS3 的 border-image 属性,您可以使用图片来创建边框:
border-image 属性允许您规定用于边框的图片!
用于创建上面的边框的原始图片:
实例
使用图片创建围绕 div 元素的边框:
div
{
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* 老的 Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari 和 Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}
属性 | 描述 | CSS |
---|---|---|
border-image | 设置所有 border-image-* 属性的简写属性。 | 3 |
border-radius | 设置所有四个 border-*-radius 属性的简写属性。 | 3 |
box-shadow | 向方框添加一个或多个阴影。 | 3 |
最新文章
- Linux查找
- 分支合并git checkout adview git merge adview3
- img加载在IE11,chrome,FF下的不同
- (一)Angularjs - 入门
- 2014第7周三初识CouchBase
- iOS WebCore的WebEvent和EventHandler
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证)
- quagga源码分析--内核通信netlink
- 关于ajax post请求跨域问题的解决心得
- Day01_变量,数据类型_程序交互_流程控制
- Redis之Hash
- Flask学习 二 模板
- Python中使用hashlib进行加密的简单使用
- MSSQL 数据库 buildindex 出错
- JVM总结(二):JVM的内存分配策略
- Spring-Session实现Session共享入门教程
- bzoj1072排列
- UVa 10054 项链(欧拉回路)
- python动态捕获异常-乾颐堂
- WPF技术点
热门文章
- Java常见面试题-1
- Asterisk13.23.1如何增加G723编码和G729编码
- SpringBoot系列__02HelloWorld探究
- ConcurrentHashMap 的工作原理及代码实现
- vim编辑器的使用详解
- java使用FileSystem上传文件到hadoop文件系统
- c语言运算优先级与结合方向的问题
- Swift从入门到精通第十四篇 - 错误处理 初识
- SpringCloud-Hystrix Dashboard 之 Unable to connect to Command Metric Stream
- [Leetcode] 第313题 超级丑数