css直接画方格
2018-01-18 15:50
56 查看
<style>
div{width: 200px;height: 200px;display: inline-block;}
.test1,.test2{background-image: linear-gradient(45deg,blue 25%,transparent 25%),linear-gradient(-45deg,blue 25%,transparent 25%),linear-gradient(45deg,transparent 75%,blue 75%),linear-gradient(-45deg,transparent 75%,blue 75%);}
.test2{
background-size: 20% 20%;
}
</style>
<div class="test1"></div>
<div class="test2"></div>
div{width: 200px;height: 200px;display: inline-block;}
.test1,.test2{background-image: linear-gradient(45deg,blue 25%,transparent 25%),linear-gradient(-45deg,blue 25%,transparent 25%),linear-gradient(45deg,transparent 75%,blue 75%),linear-gradient(-45deg,transparent 75%,blue 75%);}
.test2{
background-size: 20% 20%;
}
</style>
<div class="test1"></div>
<div class="test2"></div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS Devices可以让你在线直接获取使用CSS写的Mobile外形。
- 初学空间CSS代码的朋友，请直接用这个CSS代码修改
- sass中选择器，css中的选择器可以直接使用;
- 原来css可以直接覆盖内联style
- JS直接修改CSS属性/id属性/class属性
- css中用#id.class的形式定义样式，为什么这样用，不直接写成.class.代码如下：#skin_0.selected{}这种的
- css里直接定义table
- 父容器直接清除浮动的css
- 自己总结的CSS以及JS各种库的在线CDN引用地址，链接可以直接复制(不定期更新)
- 父容器直接清除浮动的css
- css+div布局差不多了，不多说，直接上图，这个网址不错http://www.kwstu.com/ArticleView/divcss_2013929173533658
- CSS 更直接有效的hack 写法
- 直接在 CSS 中引用 FONTAWESOME 图标（附码表）
- CSS实现垂直居中的常用方法 在前端开发过程中，盒子居中是常常用到的。其中 ，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直
- 前端开发：css技巧，如何设置select、radio 、 checkbox 、file这些不可直接设置的样式 。
- 【更新】sass安装（淘宝源安装失败直接下载按照gif动画安装）+webstorm中为scss添加watcher转化为css
- 直接使用Response.Write<script>弹窗脚本导致CSS失效
- firebug里编辑完css直接保存到源文件
- 直接在通过标记添加css与通过添加class的区别
- javascript/CSS代码直接运行调试页面