CSS
我是张小程
这个作者很懒,什么都没留下…
展开
-
背景图全屏水平垂直居中的方法
在开发登录页面或者其他全屏背景图的页面,需要背景图全屏并且水平垂直居中,根据浏览器窗口大小自适应。 尝试多种方法后,使用了最简单的两行代码搞定。 /* 要想实现全屏高度需要单独设置 html 和 body 的高度 */ html, body { height: 100%; } .box { width: 100%; /* block 元素 width 自动100%,可省略 */ h...原创 2019-04-08 10:31:19 · 1489 阅读 · 0 评论 -
CSS使用自定义属性显示提示文字
实际开发场景中需要自定义鼠标悬停显示提示文字效果,使用操作DOM虽然能实现需求,但不是最优方案。其实,可以使用CSS的attr属性来实现,不需要额外的DOM操作代码 例如页面HTML结构如下: <div class="text-container"> <p class="article" data-tip="提示内容:CSS实现效果">CSS自定义提示信息...原创 2019-04-02 16:28:44 · 4832 阅读 · 0 评论