CSS+LESS
关注
分享
扫一扫
CSS+LESS
Feather_74
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
渐变button
弧形边框和字都渐变的button <div class="border"> <div class="content"> 全部 </div> </div> .border { display: inline-block; border-radius: 16px; margin: 0 10px; padding: 2px; // 重点 background-image: linear-gradient(#3b3c45,原创 2021-05-28 14:55:46 · 438 阅读 · 0 评论 -
creat-react-app配置less
为什么需要手动集成less？ 因为create-react-app是由React官方提供，但是默认不支持less，需要手动集成 手动集成less步骤 1、npm install less less-loader -D 安装less npm install less less-loader -D 2、npm run eject 注：如果出现以下错误 需要进行git提交，即依次进行git add .—...原创 2020-03-03 16:31:20 · 285 阅读 · 0 评论 -
关于HTML页面内容水平垂直居中的6种方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> 知不知道box-center宽高都可以 /* .box { width: 200px; ...原创 2020-03-17 22:18:50 · 1063 阅读 · 0 评论 -
仿大众点评——如何设置页面不随宽度变化拉伸
图 在引用页面设置总宽度 <template> <div> <v-foodList style="width:1000px;"></v-foodList> </div> </template> <script> import foodList from '../../compon...原创 2019-12-22 22:28:05 · 193 阅读 · 0 评论 -
仿大众点评——栅栏布局、flex布局、require、:class
要点： 1、v-for循环图片时需要写require pic: require("./image/home/cover_01.png") 2、flex换行 display: flex;width: 100%;flex-wrap: wrap; width:50%;max-width:50%;min-width:50%; 3、v-for循环class :class="color[key]" 4、如果...原创 2019-10-27 13:32:28 · 511 阅读 · 0 评论 -
inline-block、float、flex、溢出隐藏（两种）
dispaly:inline-block和float:left的区别 dispaly:inline-block float:left flex <div style="background-color: #eee;height: 154px;padding: 21px 0;"> <div class="container"> <div style=...原创 2020-01-08 22:05:56 · 1723 阅读 · 0 评论 -
CSS图片水平垂直居中+CSS的dl的显示与隐藏
CSS图片水平垂直居中 注意：大div的margin:0 auto才是关键，其次是图片不能过大。不能用padding或者margin写居中，否则页面缩小会出现问题，并且会出现增大页面宽度的弊端。 <div style="margin:0 auto;width: 948px;"><img src="~/Content/Img/fmy1.png" style="text-align:...原创 2019-10-10 22:53:25 · 475 阅读 · 0 评论