样式背景与前景

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
   <style type="text/css">
   #ceshi{   width:300px;
             height:300px;
			 background-color:#0F3;
			 background-image:url(%E7%99%BE%E5%BA%A6.png);
			 background-repeat:no-repeat;
			 background-position:center;
			 background-size:200px 200px;
			 font-family:"微软雅黑";
			 font-size:14px;
			 font-style:italic;
			 font-weight:bold;
			 text-decoration:underline;
			 text-align:center;
			 line-height:28px;
			 vertical-align:middle;
			 }
          </style>
</head>

<body>
     <div id="ceshi" style="width:3oopx; height:300px">文字</div>
     <p style="text-indent:30px">666666666666666666666666666666666666</p>

</body>

时间： 2024-10-23 00:07:11

样式背景与前景的相关文章

css样式表----------样式属性（背景与前景、边界和边框、列表与方块、格式与布局）

一.背景与前景 (1).背景 line-height: 1.5 !important;">90; /*背景色(以样式表为主,样式表优先.)*/ background-image:url(路径); /*设置背景图片(默认为平铺.)*/ background-repeat:no-repeat/repeat-x/repeat-y;no-repeat /*不平铺 repeat-x 橫向平铺 repeat-y 纵向平铺 */ background-position:center; /*背景图片居中

0610背景与前景

样式属性 [注:黑色加粗部分比较重要,要留心] 一.背景: background-color:背景色 * background-image:url(路径) 背景图片* background-repeat:背景图片的平铺方式其中包括 no-repeat,不平铺:repeat,平铺:repeat-x,横向平铺:repeat-y,纵向平铺另外背景图居中,设置背景图位置时,repeat必须为"no-repeat" background-position:背景图片的位置 top

Css基本样式————背景

一.CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果二.属性: background-color 设置元素的背景颜色 body{ background-color: darkgray; } <p>测试一下背景是否可以继承</p> background-color这个属性是不可以被继承的 p{ background-color: aqua; } 这时候可以看到p元素加上了一个背景颜色,但是这个时候背景颜色比较长,它已经超出了文字的范围,要想修改

CSS样式-背景与文本

背景样式: 1)背景色可以使用background-color属性为元素设置背景色,这个属性接受任何合法的颜色值.默认值为transparent,有透明的意思. 2)背景图像要把图像放入背景中,使用background-image属性.默认值为none. 3)背景重复如果需要背景图像在页面上平铺,使用background-repeat属性.属性值 repeat 导致图像在水平垂直方向上都平铺,repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat

第六篇 CSS样式背景、背景图、文本、链接

元素背景.文本(字体)样式.链接这里我们只学习常用的一些,更多的扩展就要同学们自己去了解,或者下方评论. 这里我们为了简便,用的是CSS的内嵌形式. 元素背景: 我们写模块的时候,有的时候为了区别多个模块,我们会采用一些明显的方式,比如背景(background). 背景颜色: <div style="background:#dedede;">我是浅灰色背景</div> 因为div是块级元素,所以背景会覆盖整行,那么我们我们将 div换成span试试呢 <

样式表：样式背景，字体，对齐方式，边界边框。【0909下】

样式表: 样式; 大小: width 宽度 height 高度背景: backyound—color 背景色 backyound—imahe 背景图片 backyound—repeat 背景图片的平铺方式 backyound—position 背景图片的位置 backyound—attachment 设置图片是否滚动 backyound—size 背景图片的大小. 比如:200px,200px 字体: font—familg 字体样式 fo

CSS基本样式-背景属性

代码是敲出来的,建议一个一个过一遍背景属性背景颜色 background-color 背景颜色默认值是transparent(透明的) 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS基本样式</title> <style> body{ height: 1000px; /

背景与前景课上练习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

IE浏览器和主流浏览器对css样式背景透明，字体不透明的处理方法

刚学习了css兼容性问题,兼容性问题是我们前端开发者必须要跨越的一道鸿沟,对于不同浏览器,我们都要考虑其兼容性,代码的可操作性,因为同一段代码可能在谷歌和火狐等等主流浏览器上显示是正常的,但是在IE浏览器上却显示的很怪异,尤其以IE6为主要照顾对象. 其他不多说,这里如标题所写的一样,我主要是解决css里实现背景透明而文字不透明的方法,经测试,自己写的代码在IE和非IE浏览器上都能正常显示,有代码不足之处,让大家指正,大家的努力才能创造我们web前端的明天. 在非IE浏览器下要实现背景和字体一起