Redmi手机电视条记本。

本日的学习目标是右侧悬浮工具栏用固定定位实现,它是相对付浏览器窗口的定位办法。

·盒子里的内容用a标签,一个图片加一行笔墨,此时它的位置在最底部。

html悬浮二维码十天学会htmlcss第九天 悬浮窗口固定定位 网站 SQL
(图片来自网络侵删)

·然后给它写上固定定位样式,右侧间隔0,下面间隔70像素,加上背景颜色,看下效果。

·开始给a标签写样式,固定宽高,text-renderin默认下划线去掉,里面内容居中,看下效果。

·图片写样式之前也要加上这行代码,然后让它的尺寸变小一点,并且旁边居中,看下效果。

·笔墨的颜色、大小也调度一下。

·末了给a标签加上边框、内边距,让里面内容往下挪一挪。

到此,本日的学习完成。