H5入门7：CSS设置背景和列表样式

最新推荐文章于 2023-12-15 16:41:01 发布
最新推荐文章于 2023-12-15 16:41:01 发布
阅读量1k 收藏 1
点赞数
分类专栏： H5 文章标签： html H5 CSS3 CSS设置背景 CSS3列表样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46055193/article/details/106981034
版权

H5入门7：CSS设置背景和列表样式

CSS背景样式

  1. CSS背景样式
    在这里插入图片描述

  2. 背景颜色
    在这里插入图片描述
    注意：背影颜色不包含外边距margin

  3. 背景是设置在最下层的，默认是transparent

  4. background-image:背景图片

在这里插入图片描述

  1. background-repeat:图片重复显示

在这里插入图片描述

  1. 背景图片的显示方式：background-attachment

在这里插入图片描述

  1. 背景图片的定位：background-position

在这里插入图片描述

  1. background-position的取值

在这里插入图片描述

  1. 背景图片百分比定位详解

在这里插入图片描述

  1. 背景缩写

在这里插入图片描述

列表样式
  1. 列表标记项：list-style-type

在这里插入图片描述

  1. 使用图片做列表项标记：list-style-image

在这里插入图片描述

  1. 列表项标记位置：list-style-position

在这里插入图片描述

  1. 列表样式的缩写：list-style

在这里插入图片描述

End！
宁一城
关注
专栏目录
css如何去掉已经存在的样式_CSS 列表样式
weixin_34723479的博客
12-15 5819
我们知道在 HTML 中列表可以分为无序列表、有序列表、定义列表。在网页中经常可以看到无序列表的使用，例如像导航栏菜单、新闻列表、商品分类、图片展示等，基本都是通过无序列表来实现的。无序列表中每个列表项前面都会默认带一个圆点符号，然而一般我们平时在网站上看到的列表样式，通常前面是没有圆点符号的，所以我们要如何去掉这个默认的圆点符号呢？这些都可以通过 CSS 中的列表属性来实现。本节要讲的 CSS ...
CSS中设置背景样式
m0_47611688的博客
05-24 483
CSS中设置背景样式 颜色表示 （1） 单词法： #red； #blank … （2） 十六进制表示法： #000000 （最小）：黑色； #ffffff （最大）：白色… （3） rgb表示法（三原色）： rgb(0,0,0) 最小：黑色; rgb(255,255,255) 最大 ：白色； rgba(0,0,0,0.5) 0.5:表示透明度。 图片表示 /* 设置背景图片 */ background-image: url("../images/boke.jp
好看的css table列表样式
07-19
好看的css table列表样式
HTML5的列表样式
最新发布
nlfc47的博客
12-15 792
（定义项目/名字）和（描述每一个项目/名字）一起使用列表1列表2列表3
移动端H5各种各样的列表的制作方法(三) by FungLeo
FungLeo's Blog
03-14 8374
移动端各种各样的列表的制作方法(三) by FungLeo前情回顾在上一篇博文《移动端各种各样的列表的制作方法(二)》中,我们再通过两个DEMO,演示了一下在移动端H5中更多需求的列表制作.不过,看起来,好像还是蛮简单的.这一章,接着深入. 如果你是先看到的这篇文章,建议您先去上面的链接,把对应的内容给看一下,这样上下文连贯,更容易理解本文的内容. 带小图标的列表上面两章,我们做了一些普通的列表
h5------列表
学习是我快乐， 吗
07-05 1125
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 去掉项目符号 * */ /*ul{ list-
CSS背景样式设置
hollow_x的博客
03-05 2191
文章目录1、简要概述2、设置背景颜色3、设置背景图片4、背景图片的平铺方式5、图片附着6、图片位置7、简写background 1、简要概述 在CSS中，我们经常会用到的有关背景的属性如下： background-color 设置背景颜色 background-image 设置背景图片 background-repeat 图片是否重复 background-position 图片的位置 background-attachment 图片的附着性 2、设置背景颜色 格式：在backgroun-c
web前端入门到实战：利用CSS重置网站的样式
软件开发-前端开发-IT
08-20 161
许多前端开发人员都在用 Normalize 为他们的网站设计样式。一些人喜欢在 Normalize.css 中添加一些自己偏好的样式，我也一样。 在本文中，我会与你分享我自己的 CSS reset 项目（除了 Normalize.css 之外我还使用它们）。 我将 reset 项分为8类： 1.盒子大小 2.删除边距和填充 3.列表 4.表格和按钮 5.图像和嵌入视频 6.表格 7.隐藏属性 8…...
小米高仿h5+css+js
11-27
【标题】：“小米高仿h5+css+js”指的是使用HTML5、CSS3和JavaScript技术来模仿小米网站的设计和交互效果。这个项目可能是为了帮助初学者了解如何将这些前端技术应用于实际项目开发中，通过复刻知名品牌的网页设计，...
h5(html5)+css3+移动端前端
weixin_58997863的博客
07-12 6397
h5(html5)+css3+移动端前端 知识点详细总结
H5表单美化
10-26
h5+css3做的表单美化，方便修改，快来试试吧！！！！！！！！！
H5手机站页面,列表页+内容页
09-13
H5手机站页面,列表页+内容页
jQuery自定义下拉框选择列表 5款炫酷样式
05-15
jQuery自定义下拉框选择列表 5款炫酷样式
CSS基础（新手入门教程）
m0_61225117的博客
10-26 3577
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。
H5+CSS3
java_vava2的博客
03-17 1383
HTML+CSS 1.html基本骨架 1.1文档类型声明 <!DOCTYPE html>//html5版本特有 <html lang="zh-CN"> //语言：可以是en代表英文，浏览器解析时会提示是否翻译成中文 <mate chsrset="UTF-8">//字符集UTF-8或gb2312或gbk（增加繁体字是gb2312的扩展）注：UTF-8中的汉字占3个字节而gdk汉字占两个字节。网站中有大量汉字且对网页加载速度有要求使用gbk编码 <mate nam
前端开发_HTML5_CSS部分-列表属性(list-style)
u013185175的博客
12-14 5962
列表属性(list-style) 1.引入 我们之前在学习标签的时候学习了列表相关的标签，主要有三个:ul-li(无序列表)、ol-li(有序列表)、dl-dt-dd(定义列表)，那么下面我们来学习一下用于设置列表相关样式的列表属性:list-style。 2.列表相关属性 list-style列表相关属性 1.list-style-type:用于设置在列表显示内容的时候列表项的符号，一般的取值有如下几种: none:无样式 ..
H5+CSS+JS:列表
mjhap的博客
08-29 1688
HTML列表 标签 描述 &lt; ol &gt; 有序列表 &lt; ul &gt; 无序列表 &lt; li &gt; 列表项 &lt; dl &gt; 列表 &lt; dt &gt; 列表项 &lt; dd &gt; 描述 1. 无序列表 属性：disc、circle、square ...
html5 列表/表格标签
weixin_49346755的博客
09-30 1112
HTML的列表主要有三种，一种是无序列表，一种是有序列表，还有一种是说明列表。无序列表用标签来定义，有序列表用标签来定义，说明列表用标签来定义。对于无序列表和有序列表，用标签来定义列表中项目；对于说明列表，用标签来定义列表项目，用标签来定义项目的说明。HTML中的表格用标签来定义。一个 HTML 表格包括一个 标签，一个或多个、 以及 标签。
Html5标签（列表、行级、文本格式、字符实体、语义化）
Vapaus_的博客
09-16 405
页面中的图片会非常的多，通常我们会新建一个文件夹来存放这些图像文件images，这时候再查找图像，就需要通过路径的来描述图像文件的位置。绝对路径文件在目录中的绝对位置完整描述，常见的绝对路径一种由其在网络上的绝对位置定义的位置，一种是本地从盘符出发的绝对位置。概述:相对路径是指由这个文件所在位置为参考基础，而建立出的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录。链接到另一个网站时，需要使用绝对链接。为了强调重要的词，在口语方面我们往往用重音强调，在文字方面则是用粗体字来达到强调的效果。
CSS入门教程：层叠样式表详解
"本资源是关于CSS的web基础教程，主要介绍了如何创建和使用CSS样式表，包括外部、内部和内联样式的插入方法，以及CSS的一些基础概念和语法。" 在Web开发中，CSS（层叠样式表）是用于控制网页元素呈现的重要工具。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值