CSS

Vue环形进度条

环形进度条可设置背景颜色，遮罩层，文字，百分值默认保存两位小数sizeOut:底圈半径 Number 默认值：100sizeIn里圈半径 Number 默认值：80size进度条大小 Number 默认值：10 注意：需要满足sizeOut>sizeIn+sizecolorBg...
2021-08-12 16:16 阅读数 23

几个实用又好看的纯css 按钮样式

几个实用又好看的纯css 按钮样式1.带波纹效果的按钮html部分:<button class="niceButton2">click</button>css部分：.niceButton2{ position: relative; ...
2021-08-04 08:58 阅读数 101

css横向导航栏布局,CSS04--对齐、 布局、导航栏

我们接着上一章，继续学习一些有关对齐、布局、导航栏的内容。1.水平块对齐：1.1 margin：把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素.center {margin-left:auto;margin-right:auto;width:70%;back...
2021-08-03 21:17 阅读数 30

CSS中的几种组合选择器

1.包含选择器 包含选择器通过空格标识符来实现例如：文本一文本二#header p{fontsize:12px;}#header p{fontsize:12px;}即设置header和main里标签像素大小为122.子选择器..._css选择器组合方式
2021-08-02 23:48 阅读数 17

css渐变动画效果

有趣的渐变边框动画效果效果：实现思路：每一个框一个div，每一个“框”分三部分组成，::before实现渐变边框（实际上是渐变背景），::after实现内部白色背景，最后div的其他子元素作为框内的文字内容显示。使用animation动画实现::before渐变背景旋转，即可模拟边框动画。问题...
2021-07-31 11:15 阅读数 20

前端—每天5道面试题（十二）

前端—每天5道面试题（十二）每天进步1% 不多 就1%一、CSS3 新特性有哪些1.颜色：新增 RGBA，HSLA 模式2. 文字阴影（text-shadow、）3.边框： 圆角（border-radius）边框阴影： box-shadow4. 盒子模型：box-sizing5.背景：ba...
2021-07-16 06:38 阅读数 57

vuex中直接修改state 与 commit来修改state的区别

背景当我们使用vuex进行状态管理的时候，我们总是会看到一句话更改Vuex 的store 中的状态的唯一方法是提交commitzongz，那么我们不提交commit就没法修改state的值...
2021-06-25 09:01 阅读数 33

HTML底部线条阴影,边框四边阴影CSS（box-shadow属性）内侧阴影、外侧阴影、阴影颜色CSS大全...

1、先来一个最简单最常用的box-shadow属性阴影案例：边框阴影，四边都是阴影，目前扁平化网站中唯一常用的一种效果，特别是鼠标触发后边框带阴影更是常用。上图的代码和CSS如下：html>无标题文档div{width:500px;height:200px;border:1pxsolid...
2021-06-09 14:08 阅读数 57

html css页面布局代码,HTML CSS常见布局(示例代码)

首先将页面划分为大的结构性区域，比如容器、页眉、内容区和页脚；然后是内容区域本市，建立网格结构，分析页面结构最后再各内容区中设计结构，确定页面布局。1. 水平居中使用display：inline 和 text-align/*.parent {text-align: center;}.child...
2021-06-04 00:42 阅读数 75

html td 垂直居中无效,css中解决vertical-align: middle垂直居中无效方法

在css中要实现内容垂直居中我们的css有个vertical-align: middle; 属于，但是一般情况下是没有效果的，下面我们来看解决办法。div水平居中很容易，设置css样式 text-align: center; 就可以了。垂直居中也有个属性 vertical-align: mid...
2021-06-03 22:47 阅读数 79
技术
今日推荐
ioDraw Mac客户端安装教程
阅读数 19
下载桌面版
GitHub
百度网盘（提取码：draw）
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱：[email protected]
QQ群：766591547
关注微信
©2020-2024 ioDraw All rights reserved, Privacy Policy