![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端记录
文章平均质量分 77
「已注销」
这个作者很懒,什么都没留下…
展开
-
2022年5月21日Pink老师五彩导航
来源:B站pink老师P127:五彩导航栏目的:学习记录练习价值1)链接属于行内元素,但此时需要宽度高度又不独占一行,涉及模式转换为行内块元素 display: inline-block;2)其中文字需要水平居中和垂直居中显示,涉及单行文字垂直居中 文字行高等于盒子高度3)链接需要设置背景图片4)鼠标经过变化背景图片,设计链接伪类选择器最终效果HTML代码展示<!DOCTYPE html><html lang="en"><head> &l原创 2022-05-21 10:55:45 · 436 阅读 · 0 评论 -
2022年5月7日Pink老师新闻案例
文章目录HTML代码展示最终展示效果来源:B站pink老师第三个综合案例:天气预报新闻网站目的:学习记录HTML代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=原创 2022-05-07 13:11:57 · 1193 阅读 · 0 评论