摘要: html文档 </head> <body> <div class="box"> <div class="top"> <img src="img/banner.jpg" /> </div> <div class="nav"> <ul> <li><a href="#">鲜花礼品</a></li> <li 阅读全文
posted @ 2019-07-13 16:09 矜鸾 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } .photo{ width: 700px; height: 400px; margi 阅读全文
posted @ 2019-07-13 16:00 矜鸾 阅读(122) 评论(0) 推荐(0) 编辑
摘要: .box{ width:500px; height:500px; background-image: url(img/58logo.png); border: 1px solid red; /*背景图片的平铺*/ background-repeat: repeat-y; } 盒子会被背景图布满,这时 阅读全文
posted @ 2019-07-13 15:47 矜鸾 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 造树代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>盒子模型的趣味案例</title> <style> .box{ width: 600px; border: 1px solid black; /*外边距的特殊用法 ,将宽度 阅读全文
posted @ 2019-07-13 15:26 矜鸾 阅读(91) 评论(0) 推荐(0) 编辑
摘要: <iframe> 浮动框架(网页可显示另一个网页的内容) src=html链接 frameborder=值 边框 </iframe> 复合选择器 .common{} id选择器 #id{} 通用 *{} 相同样式的选择器 .common,h1{} 后代 ul li{} 子代 li>a{} 兄弟 di 阅读全文
posted @ 2019-07-13 15:16 矜鸾 阅读(81) 评论(0) 推荐(0) 编辑
摘要: qq登录代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>QQ注册</title> </head> <body> <form style="background-color: aliceblue; width: 600px; 阅读全文
posted @ 2019-07-13 15:07 矜鸾 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 代码记录: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>英雄联盟</title> </head> <body> <div align="center"><img src="img/lol.png" /></div> <div 阅读全文
posted @ 2019-07-13 14:42 矜鸾 阅读(86) 评论(0) 推荐(0) 编辑