资讯专栏INFORMATION COLUMN

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

yedf / 691人阅读

摘要:背景与边框一背景背景颜色简写备注以下给设置可能不起作用需要用到背景图片简写背景图片的平铺平铺浏览器默认平铺只平铺横向和纵向不平铺背景大小与位置大小大小属性值的写法有具体设置大小自适应位置背景位置也是坐标轴向下为正像右为

背景与边框

 

    

一、背景(backgound)

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

备注:ie9以下给body设置background-color可能不起作用 需要用到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.ucloud.cn/yun/1811.html

相关文章

  • 从零开始全栈程师——html1

    摘要:全栈工程师也可以叫前端主要是网站小程序公众号这一块隶书篇超文本标记语言,标记通用标记语言下的一个应用。超文本标记语言的结构包括头部分英语和主体部分英语,其中头部提供关于网页的信息,主体部分提供网页的具体内容。全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用。) 超文本就是指页面内可以包含图片、链接...

    sydMobile 评论0 收藏0
  • 从零开始全栈程师——html1.2

    摘要:权重行内样式把当做标签来用写在之间外部引用把当做文件来用在里加一条路径这里的可以舍去因为后面的文件名是会默认这条标签是和是必不可少的。嵌入式这个前期一般用不到就是一个样式表里引入另一个的样式表起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性 常见的3种选择器有 标签选择器   id选择器(使用的时候加#)    class选择器(使用的时候加.)  样式的...

    saucxs 评论0 收藏0
  • 从零开始全栈程师——html1.7

    摘要:存在形影分离,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。实际上,这是属性的特点。表单的内元素文本框密码框单选框多选框普通按钮按钮提交按钮提交下拉列表position定位与表单 一、position 1、Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100p...

    Dean 评论0 收藏0
  • 从零开始全栈程师——html1.3

    摘要:文本字体样式与前期英语单词汇总一文本样式颜色文本对齐方式左对齐居中对齐右对齐两端对齐文本修饰空上划线下划线删除线文本缩进缩进二字体样式字体大小大小字体颜色注意不要写成字体形状这个了解一下就行一般用不到字体字形微软雅黑宋体楷文本、字体css样式与前期英语单词汇总 一、文本样式(text)   1.颜色:color:red;   2.文本对齐方式:text-align:left/center/r...

    ingood 评论0 收藏0
  • 从零开始全栈程师——html1.5

    摘要:列表与边距探讨和行块一列表无序列表内部必须有子标签天生自带内外边距也是自带大家会发现用的时候内容前面会出现一个像这样的一个实心圆可以用属性去掉也可以更换空心圆实心圆正方形空有序列表内部必须有子标签天生自带内外边距属性是标签属性只能写在行列表与边距探讨和行块 一、列表 1.无序列表(UL) 1)内部必须有子标签2)天生自带内外边距 p也是自带 大家会发现用UL的时候内容前面会出现一个像这样的一...

    booster 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<