html中 ( <div class="wave"> </div> ) css( .wave{ width: 200px; height: 200px; background-color: skyblue; margin: 0 auto; position: relative; overflow: ...
分类:
其他好文 时间:
2020-06-16 13:32:04
阅读次数:
68
制作鼠标在上晃动就改变属性,达到引起注意的效果,这两个都需要加上。 ol{ background-color: #FFC; border-color: #FFC; border-radius: 6px; } ol:hover{ background-color: #FF9; border-color ...
分类:
移动开发 时间:
2020-06-13 23:11:39
阅读次数:
87
一、横向条纹如下代码: 1 background: linear-gradient(#fb3 20%, #58a 80%) 上面代码表示整个图片的上部分20%和下部分20%是对应的纯色,只有中间的部分是渐变色。如果让中间的部分逐渐缩小,当中间部分变为0即上下两种颜色的七点和终点相同是,就没有了渐变而 ...
分类:
Web程序 时间:
2020-06-13 14:33:24
阅读次数:
76
-1.第一种(样式控制页面遮罩层)缺点:不能点击消失 Css: /*遮罩层的样式1*/ /*.loading-shade { position: fixed; background: rgba(0, 0, 0, .3); z-index: 102000000000000; height: 100%; ...
分类:
其他好文 时间:
2020-06-13 11:05:11
阅读次数:
190
开始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>换肤</title> <style type="text/css"> body{ background-image: url(http://img04.sogoucdn.co ...
分类:
其他好文 时间:
2020-06-12 12:29:23
阅读次数:
52
一、解决background中图片太大只显示一部分 div { background-image: url('路径'); background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; } ...
分类:
Web程序 时间:
2020-06-12 01:03:08
阅读次数:
104
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .way1{ width: 100px; height: 100px; background-color: # ...
分类:
其他好文 时间:
2020-06-11 22:04:45
阅读次数:
56
这个属性官方文档语法: 实例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 10px; } .a{ float: left; height: 200px;width ...
分类:
Web程序 时间:
2020-06-11 20:10:48
阅读次数:
183
这个属性的官方文档语法:示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 10px; } .a{ float: left; height: 300px;width ...
分类:
Web程序 时间:
2020-06-11 20:01:33
阅读次数:
324
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <style> /*[id='id1']{*/ /* background: #fac237;*/ /*}*/ /*区分标 ...
分类:
Web程序 时间:
2020-06-10 23:01:23
阅读次数:
261