7.div+css基础学习二 背景边框文字文本的学习

本文阅读 3 分钟
首页 代码,C/C#/C++ 正文

1、背景

background-color         规定要使用的背景颜色。 
background-position     规定背景图像的位置。     
background-size         规定背景图片的尺寸。     
background-repeat         规定如何重复背景图像。     
background-origin         规定背景图片的定位区域。     
background-clip         规定背景的绘制区域。     


repeat        默认。背景图像将在垂直方向和水平方向重复。
repeat-x    背景图像将在水平方向重复。
repeat-y    背景图像将在垂直方向重复。
no-repeat    背景图像将仅显示一次。
inherit        规定应该从父元素继承 background-repeat 属性的设置。


background-attachment     规定背景图像是否固定或者随着页面的其余部分滚动。     
background-image         规定要使用的背景图像。 


inherit     规定应该从父元素继承 background 属性的设置。     
 left top
 left center
 left bottom
 right top
 right center
 right bottom
 center top
 center center
 center bottom


简写:
background: url(images/bg.gif) no-repeat top right


背景图片的滚动:背景图片是否随着内容的滚动而滚动由background-attachment设置
background-attachment:fixed;     固定,不随内容的滚动而滚动
background-attachment:scroll;     滚动,随内容的滚动而滚动

2、边框

边框颜色 border-color:#000000;
边框宽度 border-width:1px;


border-left 设置左边框,一般单独设置左边框样式使用
border-right 设置右边框,一般单独设置右边框样式使用
border-top 设置上边框,一般单独设置上边框样式使用
border-bottom 设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。


边框样式值如下:
none :      无边框。与任何指定的border-width值无关
hidden :      隐藏边框。IE不支持
dotted :      在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed :      在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid :      实线边框(常用)
double :      双线边框。两条单线与其间隔的和等于指定的border-width值


groove :      根据border-color的值画3D凹槽
ridge :      根据border-color的值画菱形边框
inset :      根据border-color的值画3D凹边
outset :      根据border-color的值画3D凸边

3、文字属性

color:red;                 文字颜色 #ffeeees
font-size:12px;         文字大小
font-weight:bolds         文字粗细(bold/normal)
font-family:”宋体”        文字字体
font-variant:small-caps    小写字母以大写字母显示

4、文本属性

text-align:center;        文本对齐(right/left/center)
line-height:10px;         行间距(可通过它实现文本的垂直居中)
text-indent:20px;         首行缩进
text-decoration:none;    文本线(none/underline/overline/line-through) underline/overline/line-through; 定义文本上的下划线/上划线/中划线
letter-spacing:         字间距

2021.08.03 (0:33:51)

本文为互联网自动采集或经作者授权后发布,本文观点不代表立场,若侵权下架请联系我们删帖处理!文章出自:https://blog.csdn.net/qq_45555226/article/details/119354775
-- 展开阅读全文 --
KillDefender 的 Beacon 对象文件 PoC 实现
« 上一篇 02-09
Web安全—逻辑越权漏洞(BAC)
下一篇 » 03-13

发表评论

成为第一个评论的人

热门文章

标签TAG

最近回复