HTML基础之CSS 背景与列表

学习要点:
1.CSS 中背景的使用
2.CSS 中列表的使用

操作方法

  • 01

    CSS 中背景的使用

  • 02

    背景图案简化方案: background:颜色 背景图片 repeat attachment position

  • 03

    CSS中列表的使用

  • 04

    清单的简化设置: list-style:circle inside url(“bullet.gif”)

  • 05

    OVER

(0)

相关推荐

  • CSS背景背景颜色的设置和使用透明度实例说明

    CSS背景图片和颜色是否美观是给网页第一印象最直观的感觉,我们在设置网页的时候合理使用背景图片和背景颜色能为网页增添不一样的感觉.今天我就来详细分析和讲解背景颜色的设置的三种方式和背景颜色透明的相关的 ...

  • CSS背景图片background-image缩放如何居中显示?

    有时候我们想通过CSS使背景图片background-image居中显示,但是发现CSS语法并没有提供background-align:center这样的用法,这篇教程详细地讲解了CSS背景图片bac ...

  • 【DW教程】如何利用CSS样式设置列表文字

    我现在详细教你如何利用CSS样式设置列表文字,为的是让你很快真正理解CSS样式. 操作方法 01 打开Adobe Dreamweaver CC 2015. 02 执行菜单栏中的"文件> ...

  • CSS背景实例:将图像设置为背景

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS背景实例:将图像设置为背景 步骤/方法 ...

  • css背景图片大小如何设置

    css背景图片大小能设置吗?如果可以,如何设置?下面我们来看下. 操作方法 01 先看下我们图片的样式,现在并没有设置背景图片的大小. 02 刷新页面,看下现在的图片,并没有显示完整,因为图片太大了, ...

  • CSS背景图片的使用方式详解一插入滚动图片

    在HTML中合理使用背景图片能够给网页带来不错的体验,那么我们如何在网页中用CSS插入图片呢?今天我就在这里讲解如何插入图片,以及设置全屏或者单个图片显示及背景滚动的问题. 操作方法 01 那么我们该 ...

  • css设置背景图片居中;css背景图片自动居中

    如何通过css设置一张背景图片自动水平垂直居中呢?可以通过css提供的background-position: center进行设置. 设置代码: .bg-img{ height: 100vh; wi ...

  • CSS背景图片的相对位置设置HMTL背景图片设置

    我们要设置背景图片出现在网页的位置该如何设计呢?今天我就来讲解使用background-position来设置背景图片出现在网页的相对位置,无论是想要网页图片在正中间还是在其他位置都可以设计. 操作方 ...

  • CSS背景实例:设置背景颜色

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表.这里分享怎样设置背景颜色 步骤/方法 01 在编辑器中输 ...