![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 62
方形裤子的黄方块
这个作者很懒,什么都没留下…
展开
-
input去除蓝色边框
input标签在使用的时候会有边框样式。当input聚焦的时候又会显示出一个蓝色边框。很多时候我们并不需要这种默认样式的边框,就需要去除边框。给需要去除的标签添加css样式:border: none; 去除input默认的边框outline:none; 去除聚焦时的蓝色边框outline-width:0 去除聚焦时的蓝色边框或者直接 input:focus { outline: none; }去除所有input的聚焦边框<!DOCTYPE html><html lan原创 2020-06-28 21:01:10 · 603 阅读 · 0 评论 -
隐藏元素几种方法和它们之间的不同。
隐藏元素的方法有好几种1、opacity:0元素隐藏,但不会改变页面布局,如果该元素绑定了事件(如:click事件),那么依旧可以触发。2、visibility:hidden元素隐藏,但不会改变页面布局,如果该元素绑定了事件,不会触发。3、dispaly:none元素隐藏,但会改变页面布局,相当于在页面删除了这个元素4、z-index:-1元素隐藏,但它是将自身置于其他元素下面根据情况,酌情使用隐藏方法。...原创 2020-06-26 15:44:51 · 222 阅读 · 0 评论 -
元素居中的方式(子元素如何在父元素内居中?)
一个子元素如何在父元素内居中?实现如图的样子1、行内元素如果子元素是行内元素,就可以用这种方法。父元素text-align:center,子元素设置行高line-height:父元素的高。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s原创 2020-06-26 15:15:33 · 6617 阅读 · 0 评论 -
前端做项目会用到的简单技巧(水平分隔线)
做项目有些效果,平时没什么存在感,很容易忘记,但一遇到又必须要用。这这里写下一些简单的小技巧一、水平下滑线间隔线平时遇到的不多,但运用的好也能有不错的样式效果。html本身就有一个元素<hr>可以实现在元素产生一条下滑间隔线。但不美观、不便于控制、又留一个元素在页面显得不专业,所以在这用写出其他方法。1、html自带的<hr>标签,HTML 页面中创建一条水平线<body> <div>我是顶部</div> <hr>原创 2020-06-23 20:34:46 · 4743 阅读 · 0 评论