css
岳清流云
不积跬步无以至千里
展开
-
利用css after伪元素制作时间线(步骤条)效果
效果图如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .wrap{ width: 300px; height: 60px; border: soli原创 2020-10-16 14:50:52 · 575 阅读 · 0 评论 -
纯css制作圆形进度条
效果图大概是这样的第一步 先定义出一个方形盒子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style&g.原创 2020-06-04 15:47:06 · 2282 阅读 · 1 评论 -
css 画三角形
利用css画三角形 原理其实很简单其实就是改变div的边框来画出三角形 .box{ width: 0px; height: 0px; border: solid 100px black; }首先我们定义一个div,高宽设置为0,但是我们将它的border设置为100px,颜色先设置为...原创 2019-11-23 12:06:29 · 128 阅读 · 0 评论