- 博客(6)
- 收藏
- 关注
RSS订阅原创 用纯CSS画一个萌萌哒的QQ企鹅
今天一时兴起，想用css画个企鹅。先分析一下结构，页面分为一个容器，里面包括头部、左右眼、鼻子、围巾、肚子、左右脚、左右手共10个div，代码如下:html部分： <div class="container"> <!-- 头部 --> <div class="header"> </div> <!-- 左眼 --> <div class="eye
2022-03-04 13:31:28
280
原创 你不知道的CSS之各种图形
1、知识背景 （1）、border-radius 该属性由css3新增，最常规的用法是生成一个圆、椭圆，或者带有4个圆角的div,常以一组值或2组值方式出现在css中。.box { height: 300px; width: 300px; background-color: red; border-radius: 50%;} 上述代码会生成一个直径为300px的圆,大于边长50%的值都会生成一个圆。...
2021-12-08 23:42:56
934
原创 你不知道的CSS之box-shadow
1、box-shadow原理<div class="box"></div>.box { height: 6em; width: 6em; background-color: rgba(255, 0, 0, .5); box-shadow: 3px 5px 4px blue;} 多数使用场景是指定3个长度和一个颜色值，那么以上述参数为例(这里为了方便演示给div加上了一个半透明的红色背景)，讲一下它的原理: (1)、以...
2021-12-04 17:29:43
905
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人