css3
luckymaoyy
这个作者很懒,什么都没留下…
展开
-
css背景图撑开盒子高度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景图撑开盒子高度</title> <style> .bg-box { background-image: ur...原创 2019-11-24 17:42:51 · 417 阅读 · 0 评论 -
css样式心形
<div class="heart-shape"></div> .heart-shape{ position: relative; width: 200px; height: 200px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms转载 2016-12-14 20:48:26 · 2303 阅读 · 0 评论 -
CSS3实现关闭按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /* basic style */ .close { /* still bad on picking co转载 2016-12-04 16:55:40 · 589 阅读 · 0 评论 -
用css3实现各种图标效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> [class^="u-icon"] { display: inline-block;转载 2016-12-04 17:26:27 · 2244 阅读 · 0 评论 -
30个你不可不知的css选择器
一、全浏览器支持的css选择器(由于很好理解,demo省略)1.**通配符选择器,经常用于css reset,即样式重置,清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是最低的。*{ margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素:#container * { border: 1px转载 2016-12-17 17:01:04 · 540 阅读 · 0 评论 -
css如何选择同一个class下的第一个div?
<div class="content"></div><div class="content"></div><div class="content"></div>.content:nth-child(1) {......}原创 2016-12-15 10:14:19 · 25380 阅读 · 0 评论 -
几种可以让元素水平垂直居中的方法
1.负margin法:这是比较常用的方法,在知道元素的宽高的前提下才能使用<div id="a"></div>#a{ height:300px; width:300px; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-150px;} 注:负margin是个非常有意思的转载 2017-10-03 11:38:34 · 322 阅读 · 0 评论 -
给背景图片添加超链接
.zhuanjia{background-image:url(../images/zhuanjia.jpg);background-position:center top;background-color:black;}<li class="zhuanjia"> <a href="/doctor/" style="display: block; width: 100...原创 2019-04-12 10:39:05 · 2221 阅读 · 0 评论