跨浏览器透明度

2020-04-03

selector {filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5;opacity: 0.5;}

垂直对齐

2019-11-25

如果你之前遇到过这个问题,你就应该知道它是多么的烦人,幸运的是,现在你可以使用CSS3变换来解决这个问题:.vc{position: relative;top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%)

创建模糊文本

2019-05-19

.blurry-text { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5);}

多边框

2019-04-21

元素必须是相对定位,且具有足够的padding来显示多余的边框:#borders { position:relative; z-index:1; padding:30px; border:5px solid #f00; background:#ff9600;}#borders:before { content:; position:absolute

CSS3媒体查询

2018-10-31

@media only screenand (min-device-width : 320px)and (max-device-width : 480px) {}@media only screenand (min-width : 321px) {}@media only screenand (max-width : 320px) {}@media only screenand (min-devi

CSS投影

2018-10-27

// 外投影.shadow { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}// 内投影.shadow { -moz-box-shadow:inset 0 0 10px #000000; -webkit-box-shadow:

居中未知宽度的DIV元素

2018-09-03

.content {margin: 0 auto 8px;display: table;}.content div {display: table-cell;}!--[if IE].content {display: block;text-align: center;}.content div {display: inline;zoom: 1;}![endif]--

ul li 图片列表 css代码

ul li 图片列表 css代码

2018-08-28

ul class=k_img_ullispana href=#img src=http://1.com/skin/default/image/nopic.gif //a/spanp江苏冠美家具/p/lilispana href=#img src=http://1.com/skin/default/image/nopic.gif //a/spanp江苏冠美家具/p/lilis

背景透明

2018-07-20

.rgba { background-color: transparent; background-color: rgba(200,200,200,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd); -ms-filter: progid:DXI

根据文件类型设置样式

2017-12-10

a[href^=http://]{padding-right: 13px;background: url(external.gif) no-repeat center right;}a[href^=mailto:]{padding-right: 20px;background: url(email.png) no-repeat center right;}a[href$=.pdf]{padding

iPad 定向CSS

2017-08-22

!-- css [email protected] only screen and (max-device-width: 1024px) and (orientation:portrait) {.landscape { display: none; }}@media only screen and (max-device-width: 1024px) and (orientation:landscape) {.po

首字下沉

2017-06-04

p:first-letter{display:block;margin:5px 0 0 5px;float:left;color:#FF3366;font-size:60px;font-family:Georgia;}

CSS基础内容复习

2017-05-18

块元素、内联元素块元素是一个元素,占用了全部宽度,在前后都是换行符如:h1,p,div内联元素只需要必要的宽度,不强制换行。span, i,a框模型所有HTML元素可以看作盒子包括 边距,边框,填充,和实际内容。Margin -

-moz-placeholder

2017-01-01

!doctype htmlhtmlhead titlePlaceholder demo/title style type=text/cssinput:-moz-placeholder { color: green;} /style/headbody input id=test placeholder=Placeholder text!/body/html

返回
顶部