随笔分类 -  css3

浏览器兼容问题【整理】
摘要：meta标签 <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/> X-UA-Compatible：是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与 content="IE=7"在无论页面是否包含<! 阅读全文
posted @ 2021-04-14 10:22 *玥 阅读(199) 评论(0) 推荐(0)
纯css绘制太极图（练手）
摘要：一、先绘制基础原型 .box-circle{ width: 0; height: 200px; margin: 50px; position: relative; border-left: 100px solid #000; border-right: 100px solid #fff; box-s 阅读全文
posted @ 2021-04-13 14:21 *玥 阅读(306) 评论(0) 推荐(0)
元素居中
摘要：一、水平居中 text-align: center;二、垂直居中1.已知宽高 - 绝对定位position:absolute; width:200px; height:100px;top:50%; left:50%; margin-top:-50px; margin-left:100px;top: 阅读全文
posted @ 2021-04-09 10:47 *玥 阅读(58) 评论(0) 推荐(0)
css3阴影效果
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>阴影</title> </head> <body> <style> /* box-shadow: offset-x、offset-y、blur-size可选（默认0）、spread 阅读全文
posted @ 2021-04-08 14:31 *玥 阅读(73) 评论(0) 推荐(0)