【GTR】CSS3 教程

综合技术   © 文章版权由 admin 解释,禁止匿名转载

#楼主# 2020-12-18

关注楼主不迷路,开启缘分第一步 点赞关注刷凯币,迈向成功一条路 三分喜欢点关注,七分喜欢刷凯币

CSS3 简介对CSS3已完全向后兼容,所以你就不必改变现有的设计。浏览器将永远支持CSS2。CSS3 模块CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。一些最重要CSS3模块如下:选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面CSS3 建议W3C的CSS3规范仍在开发。但是,许多新的CSS3属性已在现代浏览器使用。CSS3 边框CSS3 边框用 CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如 Photoshop。在本章中,您将了解以下的边框属性:border-radiusbox-shadowborder-imageCSS3 圆角在 CSS2 中添加圆角棘手。我们不得不在每个角落使用不同的图像。在 CSS3 中,很容易创建圆角。在 CSS3 中 border-radius 属性被用于创建圆角:这是圆角边框!

实例在div中添加圆角元素:div{border:2px solid;border-radius:25px;}尝试一下 »CSS3 盒阴影CSS3 中的 box-shadow 属性被用来添加阴影:实例在div中添加box-shadow属性div{box-shadow: 10px 10px 5px #888888;}尝试一下 »CSS3 边界图片有了 CSS3 的 border-image 属性,你可以使用图像创建一个边框:border-image 属性允许你指定一个图片作为边框! 用于创建上文边框的原始图像:在 div 中使用图片创建边框:实例在 div 中使用图片创建边框div{border-image:url(border.png) 30 30 round;-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */-o-border-image:url(border.png) 30 30 round; /* Opera */}尝试一下 »新边框属性属性 说明 CSSborder-image 设置所有边框图像的速记属性。 3border-radius 一个用于设置所有四个边框- *-半径属性的速记属性 3box-shadow 附加一个或多个下拉框的阴影 3css圆角

成为第一个回答人

评论

登录后才可发表内容
  • 主题

    17

  • 帖子

    85

  • 关注者

    0

Copyright © 2019 凯特网.   Powered by HYBBS 2.3.4  

Runtime:0.0735s Mem:2124Kb