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 · 338 阅读 · 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 -D2、npm run eject注:如果出现以下错误需要进行git提交,即依次进行git add .—...原创 2020-03-03 16:31:20 · 225 阅读 · 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 · 922 阅读 · 0 评论 -
仿大众点评——如何设置页面不随宽度变化拉伸
图在引用页面设置总宽度<template> <div> <v-foodList style="width:1000px;"></v-foodList> </div></template><script>import foodList from '../../compon...原创 2019-12-22 22:28:05 · 146 阅读 · 0 评论 -
仿大众点评——栅栏布局、flex布局、require、:class
要点:1、v-for循环图片时需要写requirepic: 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 · 455 阅读 · 0 评论 -
inline-block、float、flex、溢出隐藏(两种)
dispaly:inline-block和float:left的区别dispaly:inline-blockfloat:leftflex<div style="background-color: #eee;height: 154px;padding: 21px 0;"> <div class="container"> <div style=...原创 2020-01-08 22:05:56 · 1575 阅读 · 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 · 431 阅读 · 0 评论