html/css
哔了狗的哑铃
这个作者很懒,什么都没留下…
展开
-
011文字对齐小技巧
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> 用 户 名: <inpu原创 2018-03-29 22:16:14 · 125 阅读 · 0 评论 -
032超链接发送邮件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>邮件</title></head><body> <a href="mail原创 2018-04-02 09:59:52 · 476 阅读 · 0 评论 -
033音频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>音频</title></head><body><audio src="1.原创 2018-04-02 10:00:25 · 111 阅读 · 0 评论 -
035input属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><form>原创 2018-04-02 10:01:07 · 155 阅读 · 0 评论 -
036视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>视频</title></head><body> <video controls au原创 2018-04-02 10:01:56 · 147 阅读 · 0 评论 -
037选择器优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>优先级</title> <style> div{ background: green!important; }原创 2018-04-02 10:02:56 · 103 阅读 · 0 评论 -
038三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>画一个三角形</title> <style> div{ width: 1原创 2018-04-02 10:03:24 · 110 阅读 · 0 评论 -
039圆角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆角</title> <style> div{ width: 400px原创 2018-04-03 09:51:26 · 253 阅读 · 0 评论 -
040圆角图片的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> button{ width:原创 2018-04-03 09:52:49 · 127 阅读 · 0 评论 -
001表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body> <!-- input+tab --&原创 2018-03-28 17:26:26 · 212 阅读 · 0 评论 -
002input元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input</title></head><body><form action=&qu原创 2018-03-28 17:27:57 · 120 阅读 · 0 评论 -
003form
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度二下,你就知道</title></head><body> <form act原创 2018-03-28 17:28:42 · 104 阅读 · 0 评论 -
004网页布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 200px; height: 200px原创 2018-03-28 17:29:58 · 95 阅读 · 0 评论 -
005水平布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平布局</title> <style> #box1{ width: 100%; height: 200px;原创 2018-03-28 17:30:34 · 115 阅读 · 0 评论 -
006垂直布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>垂直布局</title> <style> #box1{ width: 33.33%; height: 600原创 2018-03-28 17:31:27 · 173 阅读 · 0 评论 -
007格子布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>格子布局</title> <style> #t div{ width: 33.33%; height: 200px原创 2018-03-28 17:32:17 · 208 阅读 · 0 评论 -
008格子布局(非嵌套)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>格子布局</title> <style> #box1{width: 33.33%;height: 200px;backg原创 2018-03-28 17:33:23 · 138 阅读 · 0 评论 -
009淘宝跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淘宝网-淘我不喜欢</title></head><body><form actio原创 2018-03-28 17:35:41 · 269 阅读 · 0 评论 -
031腾讯导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>腾讯导航</title> <style> *{margin: 0; padding: 0; overflow:原创 2018-04-02 09:58:02 · 304 阅读 · 0 评论 -
030盒子模型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0; padding: 0;} #box1{原创 2018-04-02 09:57:28 · 123 阅读 · 0 评论 -
029精灵
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css精灵</title> <style> div{ width: 80px; height: 80px;原创 2018-04-02 09:56:07 · 161 阅读 · 0 评论 -
012对联广告
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对联广告</title> <style> #main{ width: 1000px; height: 600px;原创 2018-03-29 22:16:53 · 254 阅读 · 0 评论 -
013水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>居中</title> <style> body{ background: red; } #main{ w原创 2018-03-29 22:17:45 · 122 阅读 · 0 评论 -
014四角定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>四角定位</title> <style> div{ width: 100px; height: 100px;原创 2018-03-29 22:18:20 · 320 阅读 · 0 评论 -
015图片轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片轮播</title> <style> #main{ width: 200px; height: 150px;原创 2018-03-29 22:18:49 · 115 阅读 · 0 评论 -
016高级布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高级布局</title> <style> #l,#c,#r{ width: 33.33%; height: 600原创 2018-03-29 22:19:29 · 116 阅读 · 0 评论 -
017子代选择器后代选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器</title> <style> #box div{ color: blue; } #main&g原创 2018-03-29 22:20:12 · 118 阅读 · 0 评论 -
018行内元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行内元素</title> <style> div{ width: 200px; height: 200px; bac原创 2018-03-29 22:20:48 · 130 阅读 · 0 评论 -
019表单提交方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单提交方式</title></head><body> <form action=&原创 2018-03-29 22:21:27 · 110 阅读 · 0 评论 -
020display
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display</title> <style> div{ display: none; } </st原创 2018-03-30 11:02:19 · 123 阅读 · 0 评论 -
021a
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接-小火箭</title> <style> #main{ margin:0 auto; width: 1000原创 2018-03-30 11:03:00 · 200 阅读 · 0 评论 -
022ul_li
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ul li</title> <style> ul{ background: red; padding:0; }原创 2018-03-30 11:22:56 · 111 阅读 · 0 评论 -
023W3Cschool导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航</title> <style> *{margin: 0;padding: 0;} #main{ width:原创 2018-03-30 11:23:32 · 110 阅读 · 0 评论 -
024p
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>段落</title> <style> p{ line-height: 20px; } ul{ padd原创 2018-03-30 11:23:59 · 207 阅读 · 0 评论 -
025参考点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>参考点</title> <style> #f{ position: relative; } #tip{ w原创 2018-03-30 11:24:27 · 166 阅读 · 0 评论 -
026背景
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #link原创 2018-03-30 11:24:53 · 214 阅读 · 0 评论 -
027logo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>logo</title> <style> #logo{ display: block;/*显示方式-块*/ wid原创 2018-03-30 11:25:51 · 109 阅读 · 0 评论 -
028搜索框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框</title> <style> *{margin:0;padding:0;} input[type="t原创 2018-03-30 11:26:20 · 119 阅读 · 0 评论 -
010水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平居中</title> <style> *{ margin:0; } body{ width: 1000原创 2018-03-28 17:36:49 · 115 阅读 · 0 评论