摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 伪元素</title> <style> p:first-line { color: #ff0000; font-variant: small-ca 阅读全文
posted @ 2020-09-16 09:00
花儿迎风笑
阅读(325)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 伪类</title> <style> a:link { color: #FF0000; } /* unvisited link */ a:visi 阅读全文
posted @ 2020-07-23 08:54
花儿迎风笑
阅读(505)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
posted @ 2019-06-25 07:48
花儿迎风笑
阅读(810)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Align</title> <style> body { margin: 0; padding: 0; } .container { positi 阅读全文
posted @ 2019-02-18 09:11
花儿迎风笑
阅读(446)
评论(0)
推荐(1)
摘要：
一， 效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 浮动</title> <style> img { float: right; } .thumbnail { float: left; width 阅读全文
posted @ 2019-02-15 09:14
花儿迎风笑
阅读(569)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
posted @ 2019-02-02 09:15
花儿迎风笑
阅读(325)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Display(显示)</title> <style> h1.hidden { display: none; } li { display: in 阅读全文
posted @ 2019-02-01 09:13
花儿迎风笑
阅读(494)
评论(0)
推荐(0)
摘要：
一， 效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 分组和嵌套</title> <style> h1, h2, p { color: green; } .marked { background-c 阅读全文
posted @ 2019-01-31 09:47
花儿迎风笑
阅读(554)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
posted @ 2019-01-30 09:30
花儿迎风笑
阅读(623)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Margin</title> <style> p{ background-color: yellow; } p.margin{ margin: 1 阅读全文
posted @ 2019-01-29 09:21
花儿迎风笑
阅读(797)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Border(边框)</title> <style> p.one { border-style: solid; border-width: 5px 阅读全文
posted @ 2019-01-28 09:16
花儿迎风笑
阅读(910)
评论(0)
推荐(1)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 盒子模型</title> <style> div.ex { width: 220px; padding: 10px; border: 5px so 阅读全文
posted @ 2019-01-25 09:04
花儿迎风笑
阅读(1532)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Table表格</title> <style> table { border-collapse: collapse; width: 100%; } 阅读全文
posted @ 2019-01-22 09:17
花儿迎风笑
阅读(1231)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 样式列表(url)</title> <style> ul.a { list-style: circle; } ul.b { list-style: 阅读全文
posted @ 2019-01-21 09:28
花儿迎风笑
阅读(1007)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 链接(link)</title> <style> a:link { color: #ff0000; text-decoration: none; 阅读全文
posted @ 2019-01-18 09:17
花儿迎风笑
阅读(681)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
posted @ 2019-01-17 09:09
花儿迎风笑
阅读(321)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 参考资料:《菜鸟教程》 阅读全文
posted @ 2019-01-16 09:07
花儿迎风笑
阅读(319)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS backgrounds</title> <style> h1 { background-color: #6495ed; } p { backgro 阅读全文
posted @ 2019-01-15 09:19
花儿迎风笑
阅读(467)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS id和class选择器</title> <style> #para1 { text-align: center; color: red; } .c 阅读全文
posted @ 2019-01-14 09:14
花儿迎风笑
阅读(369)
评论(0)
推荐(0)
摘要：
一，效果图。 二，代码。 参考资料：《菜鸟教程》 阅读全文
posted @ 2019-01-11 09:10
花儿迎风笑
阅读(418)
评论(0)
推荐(0)
浙公网安备 33010602011771号