![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 60
風缘
前端路上
展开
-
border属性妙用
1.实现左右两栏等高布局经常建有这样的需求要求左侧菜单栏和右边内容区等高,如后台管理系统的界面 以上效果html代码:<div class="menu"> <ul> <li>首页</li> <li>用户管理</li> <li>设置中心</li> <li>会员管理</li> <li>系统管理</li> <原创 2017-12-27 15:58:37 · 1701 阅读 · 0 评论 -
20 个 CSS使用技巧
文章转自:http://mp.weixin.qq.com/s/MavtDznPVECblDUTq_W-Rg 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100转载 2017-12-27 17:18:39 · 272 阅读 · 0 评论 -
css实现让页面的footer始终位于底部
在写html页面布局的时候经常会遇到这样的情况:当页面内容较少的时候footer下面会有留白这样会很不好看,直接给footer,fixed定位的话当页面内容多的时候,footer又会盖住下面的内容。下面介绍几种方法让页面的footer始终位于底部。 方法一: <body> <div class="page"> <header> 头部 </header...原创 2018-03-16 16:07:34 · 13577 阅读 · 2 评论 -
纯css实现tooltip
<div class="box"> <a class="tooltip tooltip-up" data-msg="上提示信息"> 提示在上</a> <a class="tooltip tooltip-down" data-msg="下提示信息"> 提示在下</a>原创 2018-06-13 00:30:28 · 2544 阅读 · 0 评论 -
按钮hover背景渐变
button { position: absolute; padding: 10px 20px; top: 50px; left: 50px; border: none; border-radius: 4px; color: #fff; font: 16px sans...原创 2018-06-13 10:55:51 · 2760 阅读 · 0 评论