CSS练习
美女变成老太婆✿
菜鸡想变菜鸟
展开
-
CSS练习中|无序列表中,<li>的小黑点如何替换为图片(菜鸡趣味学习,细节到每一步)
今日小目标:好了,来看看我第一次尝试做完的效果 没完全做完,做到这心态崩了T T 这就是传说中的买家秀和卖家秀叭!不拘小节的说 最大的问题是小圆点不会删去,结构也处理的不清晰,学过的东西不会利用那么,我一点一点 重头开始抠1.第一眼,三个div 外面一个大div(contain) 里面上面一个div(up) 下面一个div(down) 大div需要插入有渐变效果的背景图片2.看图片中的红线处,有一定距离(...原创 2020-08-11 10:44:04 · 4350 阅读 · 0 评论 -
CSS练习中|如何制作一个简单的导航栏(初学者:代码+样例)
目标效果: 要点:鼠标悬浮时显示蓝色背景图片今日思考:1.结构:div中放入4个<a>标签 2.插入背景图片(插入图片并不能撑起a,需要给宽和高,即图片的宽高) 但<a>定义了宽、高后仍无效果 ? 原因:<a>是行内元素,需要转换为行内块元素(display: inline-block)代码:<!DOCTYPE html><htm...原创 2020-07-03 16:06:47 · 484 阅读 · 0 评论 -
CSS练习中|利用内边距padding制作一个简单的导航栏(初学者:代码+样例)
目标效果: 要点:鼠标悬浮时显示灰色背景,字体由黑色变为橘色 注意背景大小与字数有关,所以不能<a>设置固定宽度,需要利用内边距来撑开 今日思考: 1.先做好结构(html)再抠细节 观察整体,一个<div>里面有六个<a>,写出基础结构代码:<!DOCTYPE html><html lan...原创 2020-07-17 17:41:14 · 417 阅读 · 1 评论