黑玫瑰

开发中，经常会有上图样式的需求，那么怎么实现呢？我这里是用两个div画的，给他们20px的高度，然后用background来绘制这个斜切的效果，样式分别如下background:linear-gradient(-45deg, transparent 20px,#36c288 0);background:linear-gradient(135deg, transparent 20px,#fc424e 0);那么下面就给大家浅浅的讲一下linear-gradient吧！语法background-.

浏览器默认的滚动条是这样的期望的效果是这样的实现代码如下： /* 滚动条的宽度 */ ::-webkit-scrollbar { width: 5px; } /*定义滚动条轨道 */ ::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(13, 13, 236, 0.1); } /*定义滑块 */ ::-we

很多大屏数据需要炫酷一点的都会有内容轮播的需求，下面我写了一个简单的demo（这是上下轮播，左右轮播也差不多啦！translateY改成translateX），如果有更好的写法，希望大神些可以分享给我，让我学习学习(*￣︶￣) <div class="list_box"> <div class="list_box_div"> <div v-for="(v,i) in defaultWords" :key="i">{{v.name}}&l

现在要是还不会点样式，都不行啊！<div class="box">内容</div> .box { position: relative; width: 90px; height: 90px; border: 1px solid red; } .box::before { content: ""; position: absolute; width: 90px; height: 90px; le

1、在app.js文件，onLaunch方法中通过 wx.getSystemInfo获取手机设备信息//获取设备信息wx.getSystemInfo({ success: function (res) { // 有横杆的导航栏高度大于40 if (res.safeArea.top > 40) { this.globalData.isIphoneX = true; } }});2、页面使用时候js文件var app = ge

下载字体文件（我没有免费资源 T^T）

html <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul>css li:nth-child(even) { color:red; }even表示奇数行，odd表示偶数行;...

@[TOC]圆角三角形圆角三角形（css）width: 0;height: 0;border-width: 100px;border-color: #000 #000 transparenttransparent;border-style: solid;border-top-right-radius: 50px;

比较实用的，简单粗暴。body,span,header,footer,nav,section,aside,article,ul,dl,dt,dd,li,a,p,h1,h2,h3,h4,h5,i,b,textarea,button,input,select{ padding: 0; margin: 0; list-style...