背景条纹——bgStripes.scss

背景条纹——bgStripes.scss

本文件集合的常用的几种背景条纹,并且实现颜色大小可配置

zip:http://files.cnblogs.com/yansi/bgStripes.zip

PS:具体使用方法在scss文件内有详细说明,对应方法有参数详解

示例:

xiaosi_bgStipesHorizontal

xiaosi_bgStipesVertical

xiaosi_bgStipesPicnic

xiaosi_bgStipesAngled

xiaosi_bgStipesAngled2

xiaosi_bgStipesTwill

xiaosi_bgStipesTwill2

xiaosi_bgStipesCheckered

xiaosi_bgStipesLine_init

时间: 2024-10-14 10:34:09

背景条纹——bgStripes.scss的相关文章

CSS3做出条纹大背景

㈠实现不等宽背景条纹   实现如上图所示的效果,代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <style type="text/css"> 6 .cont{ 7 8 width: 500px; 9 10 height: 200px; 11 12 background: -we

Bootstrap

第一章:认识Bootstrap Bootstrap的特点:灵活.优雅.可扩展. Bootstrap的定义:简单灵活的用于搭建Web页面的HTML.CSS.JavaScript工具集. Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用. Bootstrap不支持IE8. 第二章:排版 一.全局样式: Bootstrap不再一味的清零,而是注重重置可能产生的样式,保留和坚持部分浏览器的基础样式. 二.标题: Bootstrap定义标题也使用<h1>到

Boottarp学习(二)表格

表格 表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格.在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用. 同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap提供的预处理版本: ?  LESS版本,对应的文件是 tables.less ?  Sass版本,对应的文件是 _tables.scss 如果你不懂LESS

Bootstrap(基础)学习笔记1

Bootstrap到底是什么? 欢迎来到Bootstrap课堂,加入高端大气上档次的web前端开发团队.上一小节Bootstrap做了简单的介绍,下面我们再来了解一下Bootstrap的前世今缘,在右侧是用Bootstrap预设的组件样式,包括按钮.表格.标签.导航等,感兴趣的小伙伴可以先睹为快,后面的章节我们会对这些组件做详细讲解. 2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootSt

Bootstrap中六种表格样式

表格 表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格.在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用. 同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap提供的预处理版本: ?  LESS版本,对应的文件是 tables.less ?  Sass版本,对应的文件是 _tables.scss 如果你不懂LESS

表单标签动画畅想

引言 今天来看一组表单标签动画效果,希望可以对大家有所帮助,灵感来自于Inspiration for Text Input和Text Input Love,一并致谢. 效果照例放在Codepen,虽少效果较慢,但值得期待.在线编辑,下载收藏. 搭建根基 我们同样使用了haml来简化html书写. #container -(1..15).each do %div.row %label %input{:type=>"text"} %span姓名 %label %input{:type

Bootstrap关于表格

1.Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格. ?  .table:基础表格 ?  .table-striped:斑马线表格 ?  .table-bordered:带边框的表格 ?  .table-hover:鼠标悬停高亮的表格 ?  .table-condensed:紧凑型表格 ?  .table-responsive:响应式表格 2.Bootstrap还为表格的行元素<tr>提供了五种不同的类名,每种类名控制了行的不同背景颜色,具体说明如下表所示:

【学习笔记】bootstrap之CSS布局

CSS布局 1)使用Bootstrap的时候,所有的HTML文件都需要在其 顶部引用HTML5的DOCTYPE属性, <!DOCTYPE html> <html lang=“en”> … </html> 2)新版Bootstrap是一个移动先行的框架集,移动先 行的影子在整个框架集都可以发现,在移动设备浏览器上,通过为viewport meta标签添加的 user-scalable=no可以禁用其缩放(zooming)功能.禁用缩放 功能后,用户只能滚动屏幕 . 3)B

bootstrap-6

表格:bootstrap为表格提供了1种基础样式和4种附加样式以及一个支持响应式的表格.主要包括: .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格 表格行的类:bootstrap还为表格行元素tr提供了五种不同的类名,每种类名控制了行的不同背景颜色: .active:表示当前活动的颜色,#f5f