![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css样式
Take_Dream
热爱前端开发
展开
-
抛开table布局,我们也能实现单线边框
1、前端项目中,“单线边框”列表已是屡见不鲜:采用table布局,实现起来难度不大,如果抛开table布局呢?下面我们就来尝试一下2、先上图,看最终效果:3、html代码: 1 2 3 4 5 6 7 8 9 10 4、css代码,margin-right的妙用*{ margin: 0;原创 2017-04-18 10:11:36 · 614 阅读 · 0 评论 -
icon图标在线生成教程(svg转icon)
1、准备好项目的Svg文件2、访问在线生成工具,网址:https://icomoon.io3、其余操作步骤按照如下截图(1)点击右上角“icoMoon App”按钮 (2)点击按钮导入svg文件(3)查看使用方法 (4)定义下载文件名称和相关配置原创 2017-03-02 14:28:32 · 12254 阅读 · 1 评论 -
实现div水平、垂直居中的几种方法
1、最常用的,也是最简单的(利用position定位、再用margin偏移) 实现div水平垂直居中 body{ background: #272822; } .test{ position: absolute; top:50%; left:50%; width: 100px; height: 100px; margin:-5原创 2016-12-28 15:10:11 · 13165 阅读 · 0 评论 -
background-size解决样式冲突
1、首先看我的iconlist集合图片,里面每个小图片的大小是确定的:45x45 2.如果我想用做背景图,但是大小不确定,并且.img1引用第一个小图片,.img2引用第二个小图片,可以这么写2"> css代码 :div{width:20px;height:20px;}.img1{backgorund:url() 0 0;backgroun原创 2016-08-02 16:55:51 · 2307 阅读 · 0 评论 -
回归css之-less实现左侧导航高度至少100%,右侧高度随内容自适应
1、如图,通用CMS布局,左侧导航,右侧有容,flex布局,嵌套在外层盒子中 解决主要问题:当右侧高度高于一屏高度时,左侧导航也能自适应 2、HTML代码<!-- 在外层盒子 --><div class="app-wrap"> <!-- 左侧导航 --> <div class="left-nav-wrap">...原创 2018-12-18 15:20:33 · 1945 阅读 · 0 评论