9.26-CSS 背景 字体 文本 边框 以及其他

---恢复内容开始---

今天下午内容讲的有点多,虽然都不复杂,但是要记住所有的需要日积月累慢慢记。

背景:

  background

  中间有许多分类,之前常用的是background-color,就是背景颜色,很简单。

  background-image  是背景图片      用法是:background-image: url()

  background-repeat  是让插入的图片平铺之类的

  background-size   控制插入图片的大小

  1. background-size:100px 140px  是可以自定义图片大小

  2.background-size:contain  是等比缩放,在容器里面。

  有关背景的可以放在一起缩写,例

  background: red  url()   no-repeat;

字体:

  font-weight 设置文字的粗细

  font-

---恢复内容结束---

时间: 2024-10-08 16:01:35

9.26-CSS 背景 字体 文本 边框 以及其他的相关文章

CSS背景、文本属性

一.背景属性 1.背景颜色 background-color: red; 2.背景图片相关 1)设置背景图片:background-image : url("路径"); 设置背景图片,指定图片路径,如果路径中出现中文或空格,需要加引号 2)设置背景图片的重复方式 默认背景图片从元素的左上角显示,如果图片尺寸与元素尺寸不匹配时,会出现以下情况: 1. 如果元素尺寸大于图片尺寸,会自动重复平铺,直至铺满整个元素 2. 如果元素尺寸小于图片尺寸,图片默认从元素左上角开始显示,超出部分不可见

css背景和文本样式

字体与颜色: font-family:宋体,楷体,微软雅黑,; font-size:10px;  改变字体的大小 font-style:normal|italic(斜体); font-weight:bold;  加粗 背景: background-color:red; 背景颜色 background-image:url("图片的路径") background-repeat:no-repeat|repeat-x|repeat-y;  图片不平铺|图片向X轴平铺|图片向Y轴平铺 backg

CSS属性定义 文本修饰 边框效果 背景修饰

一.CSS属性定义1.css颜色表示方法[重点]rgb(红绿蓝3个颜色通道 强度值为0-255)rgb(0,0,0)rgba(alpha a是透明度 值为0-1)rgba(123,123,123,0) hslhsla(h:色相,色环上(ppt78页)的角度值,0-360 s:饱和度,0-100% l:明度,0-100% a:不透明度,0-1之间的小数)color:hsla(30,100%,50%,0.8); 十六进制(一般格式为#ffffff)(字母范围从A-F,数字从0-9 ) opacity

CSS基础(背景、文本、列表、表格、轮廓)

CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. background-color 设置元素的背景颜色. background-image 把图像设置为背景. background-position 设置背景图像的起始位置. background-repeat 设置背景图像是否及如何重复. CSS 文本属性 属性 描述 color 设置文本颜色 directi

重温CSS之背景、文本样式

CSS背景样式: 背景色:background-color属性,设置元素的背景色,如:div {background:blue;}--设置所有div元素的背景为蓝色: 背景图像:background-image属性,设置元素的背景图像,如:div{background-image:url('img.jpg');}--设置div元素的背景图片: 背景重复:background-repeat属性,对元素的背景图像进行平铺设置:默认值:repeat背景图像将在垂直方向和水平方向重复.repeat-x背

05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开.按优先顺序排列.如果字体名称包含空格,则应该使用括号()括起来. font是一个复合属性,所谓复合属性是指该属性能够设置多种字体属性,用法如下: font:font-style||font-variant||font-we

css实现input文本框的双边框美化

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>css实现input文本框的双边框美化</title><style type="text/css">.input_div{width:250px; height

CSS背景属性Background详解

本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性.如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解. css2 中的背景(background) CSS2 中有5个主要的背景(background)属性,它们是: background-color: 指定填充背景的颜色. background-image: 引用图片作为背景. background-position: 指定元素背景图片的位置. background-repeat: 决定是否

css设置input文本框样式代码实例

css设置input文本框样式代码实例:使用css设置input元素的样式是最为常用的操作之一,当然也是最为基础的操作,可能对于刚刚接触css的朋友还不够熟悉,下面就通过一段简单的代码历史演示一下如何设置文本框的样式,当然这个演示可能并不是特别的美观,这里的目的也只是起到一个演示作用,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="