背景与边框

一、背景(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;

转载于:https://www.cnblogs.com/lijieqiqi/p/qisan.html

从零开始的全栈工程师——html篇1.4相关推荐

从零开始的全栈工程师——html篇1
全栈工程师也可以叫web 前端 H5主要是网站 app 小程序公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) "超文本"就是指页面内可以包含 ...
从零开始的全栈工程师——html篇1.2
起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性常见的3种选择器有标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的 ...
从零开始的全栈工程师——js篇2.12（面向对象）
面向对象 Js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差. 所以作者就收到java和c的影响,往面向对象靠齐.Js天生有一个Object ...
从零开始的全栈工程师——html篇1.6
浮动与伪类选择器一.浮动(float) 1.标准文档流标准文档流是一种默认的状态浏览器的排版是根据元素的特征(块和行级) 从上往下从左往右排版这就是标准文档流 2.浮动(float)floa ...
从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
html+ol+从+开始,从零开始的全栈工程师——html篇1.5
列表与边距中比需抖接朋功要朋插探讨和行块一.列表 1.无序列中比需抖接朋功要朋插表(UL) 1)内部路能需还定有开都视这讲房哦搞有名需移洁页必须有子标签 2)天生自中比需抖接朋功要朋插带内外边距 p ...
c语言 boid,从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
论网络喷子的功力-关于全栈工程师那篇文
由于我一篇文章<"全栈"工程师请不要随意去做>在公众号和CSDN博客首页同时发表被推荐,引来了各种性格和类型的读者观看. 本来这篇文章是一篇饭后杂谈,我随笔有感而发. ...
从零开始的全栈工程师——underscore
underscore 是js封装的一个js库库和框架是有区别的 mvc框架就是backbone就是依赖这个库 underscore就是定义了一个_( 下划线对象 ); 函数库的所有的方法都归属于这个 ...
全栈工程师的百宝箱：黑魔法之文档篇
今天收集Session数据的时候收集到了这样的一条,就是"全栈工程师的工具箱".星期一又想不到什么可以写的内容,就来这样的一篇好了. 以下的内容都是压箱底的,找个地方好好收藏.这篇 ...

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

背景与边框

一、背景(backgound)

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

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

3.背景图片的平铺

4.背景大小与位置

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

二、边框(border)

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

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

border不简写：

从零开始的全栈工程师——html篇1.4相关推荐

最新文章

热门文章

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

背景与边框

一、背景(backgound)

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

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

3.背景图片的平铺

4.背景大小与位置

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

二、边框(border)

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

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

border不简写：

从零开始的全栈工程师——html篇1.4相关推荐

最新文章

热门文章

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

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