静态页面学习
文章平均质量分 53
天晴了小甜筒
这个作者很懒,什么都没留下…
展开
-
Html+Css中的小知识点需要注意
Html+Css中的小知识点需要注意原创 2023-03-29 13:29:13 · 118 阅读 · 0 评论 -
制作静态页面的悬浮框
思路:1. 先设一个大盒子(橙色),里面套入5个小盒子(浅绿色),每个浅绿色盒子相当于一个模块,所以每个盒子中会装有一个(为变色的图片)图片和一行字。对大盒子和小盒子进行设置宽高样式,利用左浮动,使之呈现出悬浮框的效果,最后利用定位,将其定位到界面的右侧。2. 完成初始样式之后,接下来就是实现悬停变色的效果。在粉色盒子中放入背景图片的样式(未变色的图片),在粉色盒子外面套一个绿色盒子,里面放入背景图片的样式(已变色的图片),然后利用hover 样式对大盒子进行设置颜色,这样会使鼠标悬停的时候,字会变色。原创 2023-03-22 15:25:49 · 723 阅读 · 0 评论