关键词：
字体图标
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>字体图标</title> <!-- 使用第三方库 --> <!-- <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> --> <!-- <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> --> <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css"> <style type="text/css"> .i1 /*font-size: 30px;*/ color: orange; </style> </head> <body> <i class="i1 fa fa-spinner fa-4x fa-spin"></i> </body> </html>
盒子阴影
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>盒子阴影</title> <style type="text/css"> .box width: 200px; height: 200px; background-color: red; margin: 350px auto; /*盒子阴影*/ /*x轴偏移 y轴偏移 虚化长度 阴影宽度 阴影颜色*/ /*多个值之间用,隔开*/ box-shadow: -310px 0 30px 0px yellow, 310px 0 30px -10px green, 0 -310px 30px -10px orange, 0 310px 30px -10px blue; </style> </head> <body> <div class="box"></div> </body> </html>
如何应用字体真棒图标颜色-包括白色阴影而不仅仅是轮廓[重复]
】如何应用字体真棒图标颜色-包括白色阴影而不仅仅是轮廓[重复]【英文标题】：Howtoapplyfontawesomeiconcolor-includingwhiteshadesnotjusttheoutlines[duplicate]【发布时间】：2018-08-2304:25:09【问题描述】：如何为字体超赞的图标着色，尤其是带... 查看详情
css3属性+iconfont字体图标的使用方法
CSS3属性文本阴影：text-shadow：水平阴影垂直阴影模糊度颜色； 可以多组值共同存在，用逗号隔开多层文本阴影的设置：text-shadow：第一层，第二层，第三层；文本换行： 在单词内部换行： word-wrap：； normal：默认值，不允许在... 查看详情
css3（边框，背景，字体，颜色之rgba与透明度opcity，图片和渐变颜色）
边框:盒子圆角：border-radius：5px/20%；border-radius:5px4px3px2px;左上，右上，右下，左下。盒子阴影：box-shadow：box-shadow:x轴偏移量y轴偏移量阴影模糊半径(阴影颜色的模糊程度) 阴影扩展半径阴影颜色 投影方式注意：inset是指阴... 查看详情
css盒子阴影
box-shoadow盒子阴影属性h-shadow:必需的。水平阴影的位置，允许负值v-shadow:必需的。垂直阴影的位置，允许负值blur:可选。模糊距离spread:可选。阴影的尺寸color:可选。阴影的颜色inset:可选。将外部阴影改为内部阴影前两个属性是必... 查看详情
Flutter Textfield 响应式字体
】FlutterTextfield响应式字体【英文标题】：FlutterTextfieldresponsivefont【发布时间】：2020-12-1208:40:41【问题描述】：我正在尝试使用媒体查询并尝试使用文本字段小部件。为了给容器设置样式，我尝试了盒子装饰和其他东西来添加阴... 查看详情
制作图标字体
一、图标字体的优劣势优势：1、轻量性：一个图标字体比一系列的图像要小。一旦图标字体加载了，图标就会马上渲染出来，不需要下载一个图像。可以减少HTTP请求，还可以配合HTML5离线存储做性能优化。2、灵活性：图标字体... 查看详情