摘要: 第一种:link的方式: 第二种:css的方式: 阅读全文
posted @ 2018-01-10 21:45 前端极客 阅读(5524) 评论(0) 推荐(1) 编辑
摘要: 通过 CSS3,您能够创建多个列来对文本进行布局 - 就像报纸那样! 在本章中,您将学习如下多列属性: column-count column-gap column-rule 在本章中,您将学习如下多列属性: column-count column-gap column-rule 浏览器支持 属性浏 阅读全文
posted @ 2018-01-10 17:54 前端极客 阅读(1539) 评论(0) 推荐(0) 编辑
摘要: /*从一个中心点开始沿着四周方向进行渐变*/ .item:nth-child(1) .radial-gradient { background-image: radial-gradient(yellow, green); } /*1、辐射范围 2、中心点 3、颜色的起止*/ .item:nth-child(... 阅读全文
posted @ 2018-01-10 17:42 前端极客 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 1 /*标准写法*/ 2 .item:nth-child(1) .linear-gradient { 3 background-image: linear-gradient(yellow, green); 4 } 5 6 /*多个颜色渐变*/ 7 .item:nth-child(2) .linear 阅读全文
posted @ 2018-01-10 17:36 前端极客 阅读(634) 评论(0) 推荐(0) 编辑
摘要: /*多背景应用*/ .wrapper { width: 640px; height: 1000px; margin: auto; background: url(./images/head.jpg) center top no-repeat, url(./images/foot.jpg... 阅读全文
posted @ 2018-01-10 17:30 前端极客 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 1 .duo { 2 width: 623px; 3 height: 417px; 4 margin: 100px auto; 5 background: url(images/bg1.png) left top no-repeat, 6 ... 阅读全文
posted @ 2018-01-10 17:29 前端极客 阅读(1882) 评论(0) 推荐(0) 编辑
摘要: CSS3 background-origin 属性 background-origin 属性规定背景图片的定位区域。 背景图片可以放置于 content-box、padding-box 或 border-box 区域。 定义和用法 background-attachment 属性设置背景图像是否固定 阅读全文
posted @ 2018-01-10 17:25 前端极客 阅读(130) 评论(0) 推荐(0) 编辑
摘要: <div class="item" data-brief="整圆"> <div class="border-radius"></div> </div> /*整圆*/ .item:nth-child(1) .border-radius { border-radius: 90px; } <div cla 阅读全文
posted @ 2018-01-10 17:13 前端极客 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 立体球体: 进度条: 阅读全文
posted @ 2018-01-10 16:44 前端极客 阅读(213) 评论(0) 推荐(0) 编辑