背景与边框

一、背景(backgound)

1.背景颜色：background-color:red;(简写：background:color;)

备注：ie9以下给body设置background-color可能不起作用需要用到bgcolor（<body bgcolor=" ">）

2.背景图片：background-image:url();(简写：background:url();)

3.背景图片的平铺

1).平铺：浏览器默认平铺

2).只平铺横向和纵向：background-repeat:repeat-x; background-repeat:repeat-y;

3).不平铺：background-repeat:no-repeat;

4.背景大小与位置

大小：background-sizi:;

大小属性值的写法有具体设置大小(200px 200px 100% 100%) auto自适应

位置：background-repeat:;

背景位置(也是坐标轴) 向下为正像右为正属性值有具体数字百分比英文单词

5.背景的简写backgrpund:red url(01.png) no-repeat 50% 50%; 分别是颜色路径平铺位置

二、边框(border)

这里前面说了简写咱们边框就直接用简写吧

1.简写border:red 2px dashed;分别是边框的颜色粗细线条(虚线：dashed 实线：solid)

2.边框圆角：border-radius:30px;（200px会变成一个圆）

圆(border-radius:200px;)

border不简写：

边框颜色：border-color:red;

边框粗细：border-width:2px;

边框线条：border-style:solid;

边框圆角：border-radius:200px 200px;

从零开始的全栈工程师——html篇1.4的更多相关文章

从零开始的全栈工程师——html篇1
全栈工程师也可以叫web 前端 H5主要是网站 app 小程序公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) “超文本”就是指页面内可以包含图片.链接,甚至音乐 ...
从零开始的全栈工程师——html篇1.2
起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性常见的3种选择器有标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的 ...
从零开始的全栈工程师——js篇2.5
数据类型与全局属性 js的本质就是处理数据数据来自于后台的数据库所以变量就起到一个临时存储数据的这作用ECMAscirpt 制定了js的数据类型一.数据类型 1.基本数据类型基本数据类型就是简单 ...
从零开始的全栈工程师——js篇2.1（js开篇）
JS开篇一.js介绍全称 javascript 但不是java 他是一门前台语言而java是后台语言js作者布兰登·艾奇前台语言:运行在客户端的后台语言:跟数据库有关的能干什么? 页 ...
从零开始的全栈工程师——html篇1.7
position定位与表单一.position 1.Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; L ...
从零开始的全栈工程师——html篇1.5
列表与边距探讨和行块一.列表 1.无序列表(UL) 1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带大家会发现用UL的时候内容前面会出现一个像这样的一 ...
从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
从零开始的全栈工程师——PHP篇 ( 单词汇总 ) ( php解决文字乱码 )
解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词局部的: local 全局的: global 静态的: stat ...
从零开始的全栈工程师——js篇（cookie）
Cookie是由服务器端生成,发送给User-Agent,浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器,对cookie知识感兴 ...

随机推荐

基于SSH协议clone GitHub远端仓库到本地-git
经常逛 GitHub 的可能都知道,在 clone 远端仓库的时候,会有两个选项,如下图: 首先我们来说明一下两种方式的区别. 使用 HTTPS url 克隆对初学者来说会比较方便,复制HTTPS u ...
flink学习笔记-split & select(拆分流)
说明:本文为<Flink大数据项目实战>学习笔记,想通过视频系统学习Flink这个最火爆的大数据计算框架的同学,推荐学习课程: Flink大数据项目实战:http://t.cn/EJtKh ...
剩下的树 THU 机试
链接:https://www.nowcoder.com/questionTerminal/f5787c69f5cf41499ba4706bc93700a2来源:牛客网有一个长度为整数L(1<= ...
CBoard 图表布局浅析
这两天想了解下图表布局,对前端Angular不熟悉,Java也不熟悉.只能靠经验摸索查找,所以把过程简单记录,生怕忘记.首先是打开图表,发现位置指向 /config/widget, 然后用IDEA搜索 ...
WPF优化：Freezable冻结对象
原文:WPF优化:Freezable冻结对象 WPF虽然很美观,效果很炫,但是对资源的消耗也很大,尤其是初次接触WPF的人,因为很多地方虽然实现了想要的效果,但是由于经验问题,所以也会造成很大的资源浪 ...
adminlte+layui框架搭建2 - 动态菜单
动态菜单参考文章:https://cloud.tencent.com/developer/article/1342558 主要修改两个地方: 1.系统初始化加载一级菜单,在adminlte.js文件 ...
JavaScript的高级知识---词法分析
JavaScript的高级知识---词法分析词法分析词法分析方法: js运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数再分析变量的声明分析函数说明函数在运行的瞬间, ...
asp.net boilerplate 配置文件加载
能量项链（区间DP）
能量项链 (区间DP) 问题引入能量项链洛谷 P1063 思路诸如此类不能线性规划的问题要用到区间DP,区间DP一般就是三层循环,第一层表示区间长度(本题即\(n\)),第二层枚举起点并根据第一 ...
自动生成缓存Key值的CacheKeyHelper
/// <summary> /// CacheKeyHelper /// </summary> public class CacheKeyHelper { /// <su ...

从零开始的全栈工程师——html篇1.4