摘要：
<!DOCTYPE html><html><head> <title>径向渐变</title> <style type="text/css"> div{ width: 200px; height: 150px; } .a{ /*径向渐变的默认形状是椭圆ellipse 和线性渐变一样如果不设置第一个颜 阅读全文
posted @ 2017-02-09 20:12
AdiaLike
阅读(419)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <title>线性渐变</title> <style type="text/css"> div{ width: 150px; height: 150px; margin-top: 20px; } /*渐变分线性渐变和径向渐变 线性渐变：line 阅读全文
posted @ 2017-02-09 20:11
AdiaLike
阅读(146)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <title>多行换行</title> <style type="text/css"> div{ /*overflow溢出元素框，发生什么 hidden内容剪裁，余下内容不可见 scroll 内容剪裁，显示滚动条 visible默认值 不会剪裁 阅读全文
posted @ 2017-02-09 20:09
AdiaLike
阅读(611)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <title>文本省略，添加字体</title> <meta charset="utf-8"> <style type="text/css"> div{ font-family: myFont; overflow: hidden; white- 阅读全文
posted @ 2017-02-09 20:07
AdiaLike
阅读(243)
评论(0)
推荐(0)
摘要：
需要一种3*3格式的小图 <!DOCTYPE html><html><head> <title>边框背景</title> <style type="text/css"> div{ width: 26px; height: 26px; margin: 50px auto; border:dashed 阅读全文
posted @ 2017-02-09 20:05
AdiaLike
阅读(140)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <title>背景多图</title> <style type="text/css"> div{ height: 300px; width: 300px; border:dashed 20px; /*背景多图和写多个盒阴影的时候一样可以用逗号隔 阅读全文
posted @ 2017-02-09 19:44
AdiaLike
阅读(350)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <title>蒙版</title> <style type="text/css"> div{ width: 480px; height: 270px; border: solid 5px pink; background-image: url( 阅读全文
posted @ 2017-02-09 13:17
AdiaLike
阅读(841)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head> <title>背景定位</title> <style type="text/css"> div{ width: 700px; height: 500px; margin: 50px; border:dashed 20px; padding: 5 阅读全文
posted @ 2017-02-09 13:16
AdiaLike
阅读(139)
评论(0)
推荐(0)
摘要：
昨天，没有更新，因为调换班级的原因。可能我直接把源码放上去，对于有些自学的同学看到可能并不好用，但是可能目前还没有更好的方法，我把整理过后没有注释的代码放到了我的印象笔记里面，方便复习。以后会改将方法，希望对新人有所帮助。 <!DOCTYPE html><html><head> <title>盒子阴 阅读全文
posted @ 2017-02-09 13:15
AdiaLike
阅读(365)
评论(0)
推荐(0)
浙公网安备 33010602011771号