zhao55759013-优快云博客

转载 lunbotu

* { margin: 0; padding: 0; text-decoration: none; } body { padding: 20px; } #container { wi

2018-04-20 09:04:08 225

转载 xiaomi

body { font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; margin: 0; padding: 0;

2018-04-20 09:01:09 720

转载 wuyanci

.wrap { position: relative; width: 200px; left: 50px; top: 50px; } ul { padding: 15px 0px; margin: 0

2018-04-20 09:00:33 175

原创 ..

无标题文档.warp {width:200px;position:relative;top:50px;left:50px;}ul {padding:15px 0px;margin:9px;list-style:none;background:#6c6669;color:#ffffff;border-right-width:0px;}l

2018-02-01 15:37:54 190

转载图片阴影-曲线阴影+翘边阴影

教学视频：https://www.imooc.com/learn/240CSS:body { font-family: Arial; font-size: 20px;}body, ul { margin: 0; padding: 0; list-style: none; /*UI列表没前面那一点*/}

2018-01-08 16:06:28 519

转载图片动画汇总-响应式布局_媒体查询

CSS: body, figure, figcaption { margin: 0; padding: 0; } figure { position: relative; width: 33.33%; h

2018-01-06 18:39:21 376

转载图片动画-缩放

CSS： body, figure, figcaption { margin: 0; padding: 0; } figure { position: relative; width: 33.33%; height: 3

2018-01-06 18:32:52 382

转载图片动画-倾斜

CSS： body, figure, figcaption { margin: 0; padding: 0; } figure { position: relative; width: 33.33%; height: 35

2018-01-06 18:27:45 403

转载图片动画-旋转

css: body, figure, figcaption { margin: 0; padding: 0; } figure { position: relative; width: 33.33%; height: 35

2018-01-06 18:16:52 416

转载图片动画-平移

CSS: body, figure, figcaption { margin: 0; padding: 0; } figure { position: relative; width: 33.33%; h

2018-01-06 18:07:05 1391

转载导航菜单-宽度逐渐伸长缩短

//JS实现： window.onload = function () { var aA = document.getElementsByTagName('a'); for (var i = 0; i aA[i].onmouseover = function () {

2018-01-04 10:37:10 368

*{ margin:0; font-size:14px;}ul{ list-style:none; height:50px; border-bottom:5px solid #000}li{ float:left; margin-top:20px;}a{ text-decoration:none; display:block; height:30px; line-height:30px; widt

2018-01-02 15:14:33 945

转载导航菜单-纯文字

无标题文档#nav ul{ width:510px; height:58px; margin-left:70px;}#nav ul li{ list-style-type:none; float:left; width:100px;}#nav ul li a{ display:block; cursor:pointer; width:100px

2018-01-02 14:31:29 420

转载导航菜单-垂直

无标题文档*{ margin:0; font-size:14px;}ul{ list-style:none; width:100px;}a{ text-decoration:none; display:block; height:30px; line-height:30px; width:100px; background-color:#CCC; margin-bottom:1px; text-i

2018-01-02 14:16:47 441