html表单颜色背景图片大全,css背景颜色、背景图片,以及列表的多种样式
本文将为您描述css背景颜色、背景图片,以及列表的多种样式,具体完成步骤:
背景样式
• background-color 设置元素的背景颜色。• background-image 把图像设置为背景。• background-position 设置背景图像的起始位置。• background-attachment 背景图像是否固定或者随着页面的其余部分滚动。• background-repeat 设置背景图像是否重复及如何重复。• background 简写属性,作用是将背景属性设置在一个声明中。
列表样式
• list-style-type 设置列表项标志的类型。• list-style-image 将图像设置为列表项标志。• list-style-position 设置列表中列表项标志的位置。• list-style 简写属性,用于把所有列表的属性设置于一个声明中。
背景区包括内容、内边距(padding)和边框、不包含外边距(margin)
border必须加上样式才会显示,否则默认为none不显示
边框颜色默认=元素内的文本颜色
好看的英文字体:
font-size:14px;
font-family:Consolas;
好看的中文字体:
微软雅黑 14px
RGBA颜色值得到以下浏览器的支持:IE9+、Firefox 3+、Chrome、Safari以及Opera 10+
background-image
默认从左上角开始,在水平和垂直方向上重复
背景颜色和背景图片同时设置时,背景颜色会被背景图片覆盖
background-attachment:scroll | fixed
background-position: top | left | right | center | 长度值 | 百分比
第一个参数代表水平,第二个参数代表垂直,只有一个数值时,另一个默认为居中
background 简写
不区分属性的先后顺序
当background-attachment设置为fixed,则图片位置相对于整个网页来说
Document
div{
width:300px;
height:1500px;
border:1px solid;
/*背景图片不显示,原因:
设置为fixed,则图片位置相对于整个网页来说
此时top表示图片位于整个网页的水平居中位置*/
background:#abcdef url(cat-little.jpg) no-repeat top fixed;
};
列表项标记 list-style-type
无序列表
有序列表
list-style-image
写在li样式上
list-style-position:inside | outside (针对于多行文本)
inside :列表项目标记放置在文本以内,且环绕文本根据标记对齐outside :默认值,列表项目标记放置在文本以外,且环绕文本不根据标记对齐
list-style 样式缩写
顺序不固定,但list-style-image的属性值会覆盖list-style-style的属性值
css背景颜色、背景图片,以及列表的多种样式就为您介绍到这里,感谢您关注懒咪学编程c.lanmit.com.
本文地址:https://c.lanmit.com/Webqianduan/htmlyucss/107761.html
html表单颜色背景图片大全,css背景颜色、背景图片,以及列表的多种样式相关推荐
- css背景颜色占全部屏幕,css怎样让背景充满整个屏幕
炫酷时钟 body{ height: 100%;color: #51555c; background: url("./img/bg1.png") no-repeat; /* 背景图 ...
- css表单发光,表单input选中后发光CSS怎么写
表单input选中后发光CSS代码如下input{ border: 1px solid #ccc; padding: 7px 0px; border-radius: 3px; padding-left ...
- 功能表单之评星、进度条、颜色选择器的使用——JEPLUS软件快速开发平台
JEPLUS功能表单之评星.进度条.颜色选择器的使用 系统开发过程中为了让数据的展示效果更加的清晰直观我们会用一些特别的表单字段类型来展示数据,今天这篇笔记就讲解一下评星.进度条.颜色选择器三种特殊字 ...
- css的背景颜色有哪些,css背景颜色、背景图片,以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...
- html表格背景图片格式,css背景颜色、背景图片,以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...
- CSS基础知识(表单标签、事件、CSS介绍、选择器、伪类选择器案例、样式、盒子模型、定位)...
一. 表单标签 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
- 谷歌浏览器无法选select_去除谷歌浏览器表单边框特效和select下拉菜单背景
01 02 textarea {resize:none;} 然后就是这个谷歌会自动加背景的问题: 这是谷歌浏览器内核特有.用:-webkit-appearance:none 解决. 附:sele ...
- 表单类型、多媒体与CSS初始
一.表单的input输入类型() 1.email <input type="email" name="email"> 提交表单时,会自动验证 ema ...
- js表单验证控制代码大全
内容: 关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制 2.: ...
- html在表单左上角显示文字,js+css实现增加表单可用性之提示文字
平常设计表单的时候,我们会加入一些提示文字,比如说在搜索框里,我们会提示"请输入关键字",并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示,最常见的做法是利用value来设置: ...
最新文章
- Java并发编程原理与实战一:聊聊并发
- python 数据分析学什么-python数据分析哪些课程好?
- setxor--求两个集合交集的非(异或)
- 初等数论--整除--公倍数一定是最小公倍数的倍数
- python csv文件写入失败_python解析csv文件失败
- Linux_2.6字符设备驱动实例
- Java poi读取,写入Excel2003
- 2017.10.29 软件安装 思考记录
- Ubuntu 16.04 LTS安装Docker并使用加速器
- Python--网络编程-----通过socket收发文件软件开发--面向对象开发
- secoclient隧道保活超时或协商超时_绕不开的TCP之超时重传
- 微信小程序登录 php后台
- Chapter Three : Python 序列之字符串操作详解
- 【微信小程序】针对测试号获取openid报错40125错误的解决方案
- 作为架构师,你必需要搞清楚的概念:POJO、PO、DTO、DAO、BO、VO
- SAP CO TCode
- Openssh7.4p1更换为8.2
- ❥挑灯夜读系列❥-- 软件设计师考试躺过攻略(2021年下半年)
- apple id两步验证服务器,如何开启 Apple ID 两步验证
- The 2019 ICPC Asia Nanjing Regional Contest(A、C、K)
热门文章
- mysql init 崩溃_MySQL · 引擎特性 · InnoDB崩溃恢复
- element-UI设置背景色和边框色
- coco参考文档网址
- 高数 | chx和shx分别是什么
- 交换机console接口设置密码
- supermap 模型导入纹理丢失解决方法
- Sql Server排序规则(转)
- 汤姆猫代码python_iOS开发:纯代码实现汤姆猫小游戏
- 【第一个Vue上手小项目Day4】史上最简单的Element-table表格+Pagination 分页(前后端结合)
- 后端Java人必备:30个优化SQL的良心建议