0
点赞
收藏
分享

微信扫一扫

记录一些实践中遇到的问题

微言记 2022-03-11 阅读 89
前端

1.文本框点击出现的黑色边框怎么去除?

在这里插入图片描述
如图,要去掉点击时会出现的外边框。之前只知道有border,查找之后发现影响这个边框的是outline(外廓线),可以使用控制聚焦使其消失

方法一
input{
outline:none;
}
方法二
input:focus{
outline:none
}

outline:
有outline-color,outline-style,和outline-width三个值,可以复合写在一起

2.使用精灵图制作的背景图为什么会随页面缩放产生变化?

精灵图缩放问题
可以相同倍数的去缩放,我先去试试
不知道什么原因,但是我收获了一个好网站,使用该网站可以直接得到精灵图特定图标的定位,很好用。精灵图定位网址,nice,而且缩放问题直接解决了。
在这里插入图片描述

3.怎么做二级菜单

  1. 使用子绝父相来定位二级菜单的位置
  2. 使用display来显示和隐藏

4.怎样设置背景颜色渐变

背景线性渐变
background:linear-gradient(起始方向,颜色1,颜色2,…)
方向不写默认是从上往下的,但是必须添加浏览器私有前缀,即
background:-webkit-linear-gradient(起始方向,颜色1,颜色2,…)
用这个方法可以设置底部阴影

一些和背景相关的属性
在这里插入图片描述

举报

相关推荐

0 条评论