摘要: @charset"utf-8";p{ width:150px; border:1px solid gray; background-color:silver; padding:5px; margin:5px;}div{ display:flex; flex-direction:column;/*从上 阅读全文
posted @ 2018-09-09 19:56 木丁 阅读(75) 评论(0) 推荐(0) 编辑
摘要: @charset "utf-8"; p { width: 150px; border: 1px solid gray; background-color: silver; margin: 5px; padding: 5px; } div { width: 100%; //必须有宽度扩大盒子的宽度 不 阅读全文
posted @ 2018-09-09 19:30 木丁 阅读(87) 评论(0) 推荐(0) 编辑
摘要: @charset "utf-8";div { /*-moz-columns: auto 3;*/ /*-moz-columns: 150px 3;*/ /*如果没有设置列数,却设置了每列多少宽度,那么会自动设置列数*/ /*-moz-column-width: 150px;*/ /*-moz-col 阅读全文
posted @ 2018-09-09 18:56 木丁 阅读(194) 评论(0) 推荐(0) 编辑
摘要: @charset "utf-8"; body { margin: 100px; } div { width: 200px; height: 200px; background-color: white; border: 1px solid green; /* animation-name: myan 阅读全文
posted @ 2018-09-09 17:51 木丁 阅读(81) 评论(0) 推荐(0) 编辑
摘要: div{width:200px height200px } 阅读全文
posted @ 2018-09-09 17:36 木丁 阅读(104) 评论(0) 推荐(0) 编辑
摘要: transform:translate //平移 transform:translatex//水平 transform:translatey//垂直 transform:scale//缩放 transform:scalex/水平 transform:scalex/垂直 transform:rotat 阅读全文
posted @ 2018-09-09 15:55 木丁 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 二.文本裁剪 二.文本裁剪 8px 0px 7px rgba(0,0,0,0.35), 8px 0px 1px rgba(0,0,0,0.5), 0px 0px 7px rgba(0,0,0,0.2); 8px 0px 7px rgba(0,0,0,0.35), 8px 0px 1px rgba(0 阅读全文
posted @ 2018-09-09 12:56 木丁 阅读(248) 评论(0) 推荐(0) 编辑
摘要: color:blue //前景色 opacity:0.1// 前景 背景都可以用, 0~1 ,透明度 box-shadow (text-shadow) box-shadow : CSS 版本 box-shadow hoffset 阴影的水平偏移量,是一个长度 值,正值表示阴影向右偏移,负值 表示阴影 阅读全文
posted @ 2018-09-09 12:08 木丁 阅读(79) 评论(0) 推荐(0) 编辑
摘要: text-align:center; border-collapse:collapse;// 边框线合并,变成一条细线 border-collapse:separate;//默认有填充 //这是边框线的宽度,间距, 解释:border-collapse: separate;的状态下才有效。因为要设置 阅读全文
posted @ 2018-09-09 11:55 木丁 阅读(184) 评论(0) 推荐(0) 编辑
摘要: div { background-color: silver; } 解释:设置元素的背景颜色。属性值是颜色值。 } 解释:设置元素的背景颜色。属性值是颜色值。 } 值 值 值 说明 说明 说明 CSS 版本 CSS 版本 CSS 版本 颜色 颜色 颜色 设置背景颜色为指定色 设置背景颜色为指定色 设 阅读全文
posted @ 2018-09-09 10:31 木丁 阅读(96) 评论(0) 推荐(0) 编辑