11 2021 档案

css书写轮播图样式
摘要：1.效果图 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding:0px; margin: 0px; } li { list-sty 阅读全文

posted @ 2021-11-30 21:59 孤灯引路人 阅读(127) 评论(0) 推荐(0)

5.[模拟新闻页面模块]-练习
摘要：1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0px; padding:0px; } li { list-style 阅读全文

posted @ 2021-11-11 23:11 孤灯引路人 阅读(81) 评论(0) 推荐(0)

4.模仿新浪导航栏[padding实际运用]
摘要：1.盒子边框[border] border-width border-style ; dotted |dashed | solid border-color 综合写法: border:1px solid #ccc 思考:html中的input,table 框的边框可以通过它来进行修改，网页上面的一些 阅读全文

posted @ 2021-11-11 23:10 孤灯引路人 阅读(134) 评论(0) 推荐(0)

3.[css基础知识背景图片]导航栏简单实现
摘要：1.知识点 2.效果 3.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .nav{ text-align: center; } .na 阅读全文

posted @ 2021-11-09 21:25 孤灯引路人 阅读(71) 评论(0) 推荐(0)

2.[css基础知识]标签展示方式
摘要：1知识点 知识点: 块状元素和行内块元素之间转化 2.效果图 3.代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a { width:100px; 阅读全文

posted @ 2021-11-08 22:23 孤灯引路人 阅读(71) 评论(0) 推荐(0)

1.css基础知识讲解[字体讲解]内容
摘要：1.知识点 2.案例 3.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { font-size: 16px; } .title { font 阅读全文

posted @ 2021-11-07 20:57 孤灯引路人 阅读(52) 评论(0) 推荐(0)

导航