Processing math: 0%
私人领地

随笔分类 -  css

1
Div+css 页面架构
摘要:网站变灰色 图片变灰色 -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter:url('../img/gray.svg#grayscale'); filter:gr 阅读全文
posted @ 2016-03-14 09:51 狂奔的蜗牛Snails 阅读(1081) 评论(0) 推荐(0) 编辑
摘要:无标题文档王锋老师博客:http://blog.sina.com/wangfengteacher 阅读全文
posted @ 2015-12-15 17:10 狂奔的蜗牛Snails 阅读(158) 评论(0) 推荐(0) 编辑
摘要:CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂... 阅读全文
posted @ 2015-10-30 10:39 狂奔的蜗牛Snails 阅读(344) 评论(0) 推荐(0) 编辑
摘要:html代码 1111 css代码.user2-register-bg{padding: 10px;padding: 10px;background:rgba(0,0,0,0.3)!important;bac... 阅读全文
posted @ 2015-10-09 18:09 狂奔的蜗牛Snails 阅读(258) 评论(0) 推荐(0) 编辑
摘要:前端开发框架Bootstrap 网址:http://www.dnzs.com.cn/w3cschool/bootstrap/bootstrap-tutorial.html需要加入代码一起三段代码css代码.wrap{/*width: 980px;*/ margin: 0 auto;}@media(m... 阅读全文
posted @ 2015-07-08 11:37 狂奔的蜗牛Snails 阅读(6102) 评论(0) 推荐(0) 编辑
摘要:// 收缩菜单 $("#leftMenu li h3").click(function(){ v = (this).next('.ajax').css('display'); if($v =='none'){ $(this)... 阅读全文
posted @ 2015-06-24 11:47 狂奔的蜗牛Snails 阅读(636) 评论(0) 推荐(0) 编辑
摘要:整体案例代码 阅读全文
posted @ 2015-04-23 18:54 狂奔的蜗牛Snails 阅读(697) 评论(0) 推荐(0) 编辑
摘要:.tab1 tr:nth-of-type(odd){ background:#eeeeee;}.tab1 tr:nth-of-type(even){ background:#f8f8f8;}.tab1 tr td{height: 30px; border-bottom: 1px solid #fff... 阅读全文
posted @ 2014-08-11 16:08 狂奔的蜗牛Snails 阅读(120) 评论(0) 推荐(0) 编辑
摘要:网址:http://www.aa25.cn/layout/index.shtml 阅读全文
posted @ 2014-07-01 11:40 狂奔的蜗牛Snails 阅读(104) 评论(0) 推荐(0) 编辑
摘要:普通css代码.fix_foot{height: 30px; background: #ff0000; position: fixed; bottom: 0px; width: 100%; z-index:10;}ie6兼容代码* html,* html body{background-image:url(about:blank);background-attachment:fixed}* html .fix_foot{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:express 阅读全文
posted @ 2013-09-05 15:55 狂奔的蜗牛Snails 阅读(170) 评论(0) 推荐(0) 编辑
摘要:.cBan_1 .e2-pro li a{ display: block; -webkit-transition: all 0.3s linear;transition: all 0.3s linear;} .cBan_1 .e2-pro li a:hover{box-shadow: rgba(0, 0, 0, 0.7) 0 0 8px;-webkit-transform: translateY(5px);transform: translateY(5px); z-index: 8}box-shadow:投影-webkit-transition: 发生 效果过渡发生的速度 阅读全文
posted @ 2013-08-29 10:51 狂奔的蜗牛Snails 阅读(300) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2013-07-27 15:37 狂奔的蜗牛Snails 阅读(1) 评论(0) 推荐(0) 编辑
摘要:变透明:.btn{width: 80px;height: 36px;margin-left: 22px;border: 0 none;cursor: pointer;background: none;} 阅读全文
posted @ 2013-07-19 15:56 狂奔的蜗牛Snails 阅读(357) 评论(0) 推荐(0) 编辑
摘要:效果:代码:这是一幅位于段落中的图像。 这是一幅位于段落中的图像。扩展:vertical-align: middle 文字图片居中62+6231361来源:http://www.w3school.com.cn/css/pr_pos_vertical-align.asp 阅读全文
posted @ 2013-07-11 15:51 狂奔的蜗牛Snails 阅读(207) 评论(0) 推荐(0) 编辑
摘要:效果一:div文字超出处理试试看,前面一段我知道,加上...倒还真的不知道,看看效果查找更多代码,请访问:懒人图库 阅读全文
posted @ 2013-07-09 10:30 狂奔的蜗牛Snails 阅读(333) 评论(0) 推荐(0) 编辑
摘要:background: url(images/01.jpg) 0 10px;效果:background: url(images/01.jpg) 0 -10px;效果:*注释:10px 是网上去,-10px是往下走 阅读全文
posted @ 2013-07-05 14:41 狂奔的蜗牛Snails 阅读(174) 评论(0) 推荐(0) 编辑
摘要:如图:原代码如下: 查看所有商品类目 女装 短袖| 新品女装| 短袖POLO| 性感丝袜| 短袖T恤| ... 阅读全文
posted @ 2013-07-03 18:03 狂奔的蜗牛Snails 阅读(680) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2013-06-24 15:00 狂奔的蜗牛Snails 阅读(8) 评论(0) 推荐(0) 编辑
摘要:css代码:td:first-child{border-right: 1px solid #d9dbdd; }备注:在下面的例子中,选择器匹配作为任何元素的第一个子元素的 p 元素:链接:http://www.w3cschool.cn/tdae7.html?f=csse_first-child_1 阅读全文
posted @ 2013-06-22 11:23 狂奔的蜗牛Snails 阅读(544) 评论(0) 推荐(0) 编辑
摘要:这是在div上直接加连接<div class="in-more" onclick="window.open('http://www.baidu.com','_parent')"></div> 阅读全文
posted @ 2013-06-14 09:49 狂奔的蜗牛Snails 阅读(164) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示