【CSS】斜拼砖块背景

作者: 德育处主任 | 来源:发表于2018-01-21 12:32 被阅读29次
微信订阅号:Rabbit_svip

先看看效果图

微信订阅号:Rabbit_svip

CSS代码

body {
    background:
    linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
    linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
    background-color:#708090;
    background-size: 64px 128px;
}

利用background渐变的能力,绘制背景。

相关文章

  • 【CSS】斜拼砖块背景

    先看看效果图 CSS代码 利用background渐变的能力,绘制背景。

  • css 动画

    目标:鼠标滑过砖块,砖块落下 html css

  • CSS样式

    CSS背景 CSS字体 CSS链接 CSS 列表 CSS 表格 CSS轮廓 CSS背景 1、背景色 ba...

  • 353.html和nlp

    遵循css和html各控制表现和结构的原则,css既可以控制字体,又可以控制背景。包括颜色,字体有无衬线,字体是斜...

  • Html-CSS 背景设置

    CSS 背景 CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果: background-col...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • CSS常用的属性和值

    CSS文本 CSS字体 CSS背景

  • CSS背景

    CSS背景(background) 目标 理解背景的语法和作用CSS背景图片和插入图片的区别 应用通过CSS背景属...

网友评论

    本文标题:【CSS】斜拼砖块背景

    本文链接:https://www.haomeiwen.com/subject/utvfaxtx.html