CSS
关注
分享
扫一扫
SEVLT
这个作者很懒，什么都没留下…
展开
-
【CSS】Bootstrap 4 样例
效果预览：https://sevlt.github.io/bootstrap4-demo/index.htmlHtml 代码：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" .原创 2020-06-08 17:12:25 · 313 阅读 · 0 评论 -
【CSS/JavaScript】动态生成皮卡丘
预览地址：https://sevlt.github.io/animate-pikachu/index.htmlHtml 代码：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="vi...原创 2020-05-03 13:41:49 · 1404 阅读 · 0 评论 -
【CSS】用CSS画太极图
HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Tai-chi</title> <link rel="stylesheet" href="style.css"> </head&...原创 2020-01-21 04:12:33 · 1326 阅读 · 0 评论 -
【CSS】用CCS画三角形（含直角三角形）
原理：利用div的border属性变换得到三角形。step1：首先画一个宽度、高度、边框都为50px的div，且边框颜色为四种不同颜色：.triangle { height: 50px; width: 50px; border: 50px solid red; border-top-color: blue; border-right-color: black; border...原创 2019-12-26 22:23:07 · 1062 阅读 · 0 评论 -
【CSS】CCS引入的三种方式
目录1、行内样式2、内部样式表3、外部样式表4、使用 @import 引用外部 CSS 文件1、行内样式<p style="color:red; font-size:18px;">我的字体颜色为红色，大小为18像素</p>2、内部样式表<head> <style type="text/css"> ...原创 2019-12-20 22:47:46 · 1155 阅读 · 0 评论 -
【CSS】Flex布局基础
目录容器的属性及属性值项目的属性及属性值基本概念：简单来讲，Flex布局就是对传统的盒子模型的布局方式的进一步升级，更简单也跟更易用。我们举个例子，不妨把页面最外面的大盒子（div）称为“容器”，并假设里面有3个小盒子，我们称他们为项目a、项目b和项目c。Flex布局就是通过设置不同的容器属性与项目属性，把项目a、项目b和项目c调整成自己想要的布局。※另外，在Flex布...原创 2018-11-20 11:55:11 · 133 阅读 · 0 评论