css
A 神
这个作者很懒,什么都没留下…
展开
-
css三角之美
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ position: relative; width: 300px; height: 200px;...原创 2019-12-25 10:10:00 · 169 阅读 · 0 评论 -
magin负值之美
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ position: relative; float: left; width: 200p...原创 2019-12-25 09:43:15 · 106 阅读 · 0 评论 -
微信导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } body{ background: u...原创 2019-12-25 09:40:48 · 87 阅读 · 0 评论 -
滑动门
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> a{ display:inline-block; height: 33px; margi...原创 2019-12-24 17:17:04 · 55 阅读 · 0 评论 -
精灵图的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ background:url(images/abcd.jpg) no-repeat ; } ...原创 2019-12-24 16:17:22 · 133 阅读 · 0 评论 -
css之显示与隐藏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ position: relative; width: 222px; height: 2...原创 2019-12-24 09:26:19 · 98 阅读 · 0 评论 -
淘宝轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } li{ list-style: n...原创 2019-12-23 10:59:53 · 76 阅读 · 0 评论 -
z-index叠放顺序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>z-index叠放顺序</title> <style> .one{ width: 200px; height: 200px; background-...原创 2019-12-20 17:23:30 · 141 阅读 · 0 评论 -
子绝父相定位居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子绝父相定位盒子居中</title> <style> .box{ width: 900px; height: 900px; background-color...原创 2019-12-20 16:22:32 · 1427 阅读 · 0 评论 -
固定定义-广告
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>固定定位</title> <style> .box{ width: 1002px; margin: 0 auto; } .left{ pos...原创 2019-12-20 15:16:48 · 75 阅读 · 0 评论 -
子绝父相-哈根达斯
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子绝父相-哈根达斯</title> <style> .box{ width: 310px; height: 190px; margin: 1...原创 2019-12-20 14:44:04 · 397 阅读 · 0 评论 -
绝对定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绝对定位以带有定位的父级元素来移动位置</title> <style> .yeye { width: 500px; height: 500px; ...原创 2019-12-20 09:30:47 · 91 阅读 · 0 评论 -
相对定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> <!-- 相对定位会保留原来的位置 --> div { width: 200px; he...原创 2019-12-20 09:29:19 · 62 阅读 · 0 评论 -
A神在线网站
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>A神在线</title> <link rel="stylesheet" type="text/css" href="style.css"></head>&...原创 2019-12-20 09:23:09 · 509 阅读 · 0 评论 -
css之内外边框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱宠知识</title> <style> *{ margin:0; padding:0;} /*大盒子的定义宽,背景图片*/ .news{ ...原创 2019-12-11 14:53:22 · 1949 阅读 · 0 评论 -
浮动之清除after伪元素
Document原创 2019-12-10 14:55:12 · 265 阅读 · 0 评论 -
css之浮动
Document<style> *{ margin: 0; padding: 0; } li{ list-style: none; } .box{ width: 1226px; height: 615px; background-color: pink; margin: auto; } .left{ float: left;...原创 2019-12-06 15:20:04 · 56 阅读 · 0 评论 -
css搜索趣图
搜索趣图 GIF:小胖墩游泳被卡 被救后一脸无辜 GIF:小胖墩游泳被卡 被救后一脸无辜 GIF:小胖墩游泳被卡 被救后一脸无辜 ...原创 2019-12-05 14:19:51 · 1205 阅读 · 0 评论 -
五彩导航栏
aaaa五彩导航五彩导航五彩导航五彩导航五彩导航原创 2019-11-28 16:49:47 · 1158 阅读 · 0 评论 -
css内嵌样式
Document 新闻 网页 贴吧 知道 音乐 图片 视频 地图 百科 文库 hao123 | 更多>> 百度地图带你吃喝玩乐,全心全意为人民服务 把百度设为主页 安装百度卫士 加入百度 搜索风云榜 ...原创 2019-11-27 11:45:04 · 205 阅读 · 0 评论