CSS3 斑马条纹.html

【CSS3 斑马条纹.html】的更多相关文章

hvkhujluhijo hvkhujluhijo hvkhujluhijo hvkhujluhijo hvkhujluhijo <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> tbody tr:nth-child(odd) {display: inline-block;padding: 10px…

【table】给table表格设置一个通用的css3样式（默认有斑马条纹）

/* = 表格(默认有斑马条纹) ------------------------------------------ */ .data-table { margin: 10px 0; } .data-table table { width: 100%; border-collapse: collapse; //设置表格边框合并为单一边框 } .data-table caption { height: 30px; line-height: 30px; font-weight:; } .data-…

CSS 实现斑马条纹

Part.1 linear-gradient() linear-gradient() 函数用于创建一个线性渐变的 "图像".为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果:还要定义终止色. 又因为其结果属于 <gradient>数据类型,是一种特别的 <image>数据类型,所以可以通过 background-size来控制渐变的大小 Part.2 实现斑马条纹 HTML: <div style="width:…

css3实现条纹背景

<!DOCTYPE HTML><html><head><meta charset='utf-8'/><meta forua="true" http-equiv="Cache-Control" content="no-cache,must-revalidate,max-age=0, proxy-revalidate, s-maxage=0"/><meta name="vie…

css3实现条纹以及方格斜纹背景

CSS代码: .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; /* 控制条纹的大小 */ -moz-box-shadow: 1px 1px 8px gray; -webkit-box-shadow: 1px 1px 8p…

CSS3做出条纹大背景

㈠实现不等宽背景条纹实现如上图所示的效果,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .cont{ width: 500px; height: 200px; background: -webkit-linear-gradient(#78C9D…

拥有的50个CSS代码片段(上)

1. CSS 重置 ;;;font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html { height: 101%; } body {; font-family: Arial, Tahoma, sans-serif; } artic…

CSS实用的代码段

摘抄的一些代码还有自己总结的常用的代码~ 1>浏览器样式统一 *{ margin:0px; padding:0px; } 浏览器样式统一 2>清除浮动的方法 3>跨浏览器设置透明度 .transparent{ filter:alpha(opacity=50); /*IE*/ -khtml-opacity:0.5; /*老版本的Safari*/ -moz-opacity:0.5; /*Mozilla,Netscape*/ opacity:0.5; /*fx,Safari,Opera*/ }…

CSS的50个代码片段

1.css全局 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,…

（转）每位设计师都应该拥有的50个CSS代码片段

原文地址:http://www.cnblogs.com/fengyuqing/archive/2013/06/15/css_50.html 面对每年如此多的新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是浏览器支持和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个…