龙空技术网

十天学会html+css第九天 悬浮窗口固定定位 #网站

听文读史悟人生 86

前言:

此刻看官们对“html如何控制图片位置”大概比较看重,小伙伴们都需要剖析一些“html如何控制图片位置”的相关内容。那么小编同时在网上收集了一些对于“html如何控制图片位置””的相关内容,希望你们能喜欢,姐妹们快快来了解一下吧!

十天学会html+css,第九天固定定位。

Redmi手机电视笔记本。

今天的学习目标是右侧悬浮工具栏用固定定位实现,它是相对于浏览器窗口的定位方式。

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

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

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

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

·文字的颜色、大小也调整一下。

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

到此,今天的学习完成。

标签: #html如何控制图片位置