
css
程序媛zcx
这个作者很懒,什么都没留下…
展开
-
css 实现自定义遮罩层模态框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html、css自定义实现模态框遮罩层</title> <style> html,body { width: 100%; height: 100%; margin: 0; .原创 2021-07-15 17:48:38 · 1483 阅读 · 0 评论 -
css找到符合两个类名的子元素
两个类名连着写,不加空格:.layui-table-click.layui-table-hover td[data-edit=text] { color: #3c95d7;}原创 2021-07-07 11:19:06 · 555 阅读 · 0 评论 -
css 实现按钮样式使用背景图或者背景色,鼠标放上去按钮改变背景图或者背景色
1、css 实现按钮样式使用背景色,鼠标放上去按钮背景色,不需要过渡效果的把transition 两句去掉。鼠标放上去:<button type="button" class="el-button"><span>确定</span></button> button{ outline: 0; } .el-button { padding: ..原创 2021-03-18 14:58:49 · 2817 阅读 · 0 评论 -
CSS3实现18种Loading效果
在网上看到一篇文章,css实现loading的效果,特此整理代码方便以后使用。第1种效果:<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></.转载 2021-03-03 13:54:01 · 2882 阅读 · 0 评论 -
css、js实现进度条
css、js实现进度条代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css 实现进度条</title> <style> .myProgress { width: 100%; background-color: #e2e2e2;.原创 2021-02-19 17:02:00 · 574 阅读 · 0 评论 -
css 子元素div(已知宽高、未知宽高)垂直居中父元素div
css 子元素div(已知宽高、未知宽高)垂直居中父元素div一、已知子元素div宽度和高度1、子绝父相(子元素绝对定位,父元素相对定位)2、left:50% top:50%3、margin-left:自己宽度一半margin-top:自己高度一半<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子div水平...原创 2021-02-18 13:59:40 · 602 阅读 · 0 评论 -
css 文字水平垂直居中(父元素div已知宽高和未知宽高)
一、div中文字水平垂直居中1、已知父元素 宽高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平垂直居中</title> <style> body { width: 500px; height: 500px; }原创 2021-02-18 13:59:13 · 405 阅读 · 1 评论