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