建站代码网

热门标签

Html Css教程

Html Css教程

垂直对齐

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

发布于2019-11-25阅读(79)

Html Css教程

多边框

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

发布于2019-04-21阅读(44)

Html Css教程

CSS3媒体查询

@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

发布于2018-10-31阅读(89)

Html Css教程

CSS投影

// 外投影.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:

发布于2018-10-27阅读(119)

Html Css教程

居中未知宽度的DIV元素

.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]--

发布于2018-09-03阅读(71)

Html Css教程

ul li 图片列表 css代码

ul li 图片列表 css代码

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-08-28阅读(71)

Html Css教程

背景透明

.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

发布于2018-07-20阅读(128)

Html Css教程

根据文件类型设置样式

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

发布于2017-12-10阅读(103)

Html Css教程

iPad 定向CSS

!-- 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-08-22阅读(129)

Html Css教程

首字下沉

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

发布于2017-06-04阅读(121)

Html Css教程

CSS基础内容复习

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

发布于2017-05-18阅读(134)

Html Css教程

-moz-placeholder

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

发布于2017-01-01阅读(126)

热门信息