2021年7月6日
表格简介
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> td{ text-align: center; } </style> </head> <body> <!-- 表格 阅读全文
posted @ 2021-07-06 20:57 2237774566 阅读(95) 评论(0) 推荐(0)
雪碧图的制作和使用
摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 .box1{ 8 width: 129px; 9 height: 45px; 10 b 阅读全文
posted @ 2021-07-06 20:53 2237774566 阅读(76) 评论(0) 推荐(0)
简写属性
摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 body{ 8 height: 5000px; 9 /*设置背景*/ 10 /* ba 阅读全文
posted @ 2021-07-06 16:49 2237774566 阅读(41) 评论(0) 推荐(0)
按钮练习
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 做完功能后，在第一次切换图片时，会发现图片有一个非常快的闪烁 这个闪烁会造成一次不佳用户体验 产生闪烁原因 阅读全文
posted @ 2021-07-06 16:43 2237774566 阅读(74) 评论(0) 推荐(0)
背景二
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box1{ height: 500px; backgro 阅读全文
posted @ 2021-07-06 15:59 2237774566 阅读(33) 评论(0) 推荐(0)
导航条练习
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 990px; height: 32px; background-color: #BBFF 阅读全文
posted @ 2021-07-06 15:01 2237774566 阅读(19) 评论(0) 推荐(0)
背景
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 500px; height: 500px; background-color: #BB 阅读全文
posted @ 2021-07-06 14:49 2237774566 阅读(137) 评论(0) 推荐(0)
opacity
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-color: red 阅读全文
posted @ 2021-07-06 11:59 2237774566 阅读(83) 评论(0) 推荐(0)
元素的层级
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-color: red 阅读全文
posted @ 2021-07-06 11:30 2237774566 阅读(55) 评论(0) 推荐(0)
固定定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-color: red 阅读全文
posted @ 2021-07-06 11:24 2237774566 阅读(155) 评论(0) 推荐(0)
绝对定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-color: red 阅读全文
posted @ 2021-07-06 10:53 2237774566 阅读(47) 评论(0) 推荐(0)