css设置背景颜色和处理背景图片样式

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css设置背景颜色和处理背景图片样式</title>
<style>
div{
width:1000px;
height:500px;/*没有宽高不能加背景图片*/
border:1px solid #000000;
/*background-color:red;背景颜色*/
background-image:url("hua.jpg");/*引入背景图片*/
background-repeat:no-repeat;/*repeat-x图片在X轴(横向)方向重复,repeat-y图片在Y轴(纵向)上重复平铺,no-repeat两个方向平铺不重复*/
background-position:50px 10px;
/*background-position-x背景图片沿X轴右方向移动50px,background-position-y背景图片沿y轴下方向移动10px,
background-position背景图片同时设置XY轴的移动像素*/
}
p{
width:36px;
height:25px;/*用画图工具取宽高值*/
/*border:1px solid #000000;*/
background-repeat:no-repeat;
background-image:url("obj.png");
background-position:-38px -237px;/*背景图片沿x和y轴左上移动用负值*/

}
</style>
</head>
<body>
<div></div>
<p></p>

</body>
</html>

时间: 2024-10-08 11:13:02

css设置背景颜色和处理背景图片样式的相关文章

css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以参考下,很有用的 1 div { 2 scrollbar-face-color: #fcfcfc; 3 scrollbar-highlight-color: #6c6c90; 4 scrollbar-shadow-color: #fcfcfc; 5 scrollbar-3dlight-color:

android:修改PagerTabStrip中的背景颜色,标题字体的样式、颜色和图标以及指示条的颜色

1.修改PagerTabStrip中的背景颜色 我们在布局中直接设置background属性即可: <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="fill_parent" android:layout_height="fill_parent" > <android.support.v4.view.PagerTabS

CSS设置边框、符号、背景样式、链接属性

一.CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 二.CSS符号属性 list-style-type:none; /*不标记*/ list-style-type:decimal; /*阿拉伯数字标记*/ list-style-type:lower-roman; /*小写罗马数字标记,如:i

Java 给 PowerPoint 文档添加背景颜色和背景图片

在制作Powerpoint文档时,背景是非常重要的,统一的背景能让Powerpoint 演示文稿看起来更加干净美观.本文将详细讲述如何在Java应用程序中使用免费的Free Spire.Presentation for Java为幻灯片设置纯色背景颜色,渐变背景颜色以及添加背景图片. Jar文件导入方法 方法一:下载最新的Free Spire.Presentation for Java包并解压缩,然后从lib文件夹下,将Spire.Presentation.jar包导入到你的Java应用程序中.

ie6背景透明的设置方法 ie6背景颜色透明和png图像透明解决方法

IE6浏览器,让我们又爱又恨.爱它的是,可以让我们写的代码的时候,可以更标准,恨的是,它有太多无厘头的IE6常见bug(详情点击),让我们焦头烂额.现在现在用百度浏览器调查,国内占有率不到6%了,但是,就怕碰到需要调兼容ie6的网站. 其中,一个IE6常见问题就是IE6透明背景问题了.透明背景主要分背景颜色透明和背景图片或者png图片透明问题. 一.IE6背景颜色透明 一般浏览器,给一个盒子透明背景写法是 :opacity: 0.5;   -moz-opacity: 0.5;-webkit-op

CSS基础知识之背景图片样式属性、雪碧图、列表导航栏、超链接的伪类样式、盒子模型、overflow、圆角弧度

目录: 背景图片样式属性 雪碧图 列表导航栏 超链接的伪类样式 盒子模型. overflow. 圆角弧度 背景图片样式属性: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #imgContainer { border: 20px dotted yellow; padding: 50px; height: 400p

html学习教程6之背景-颜色

在HTML中搭配一个好的背景能够让观众更加易于阅读. 背景(Backgrounds) <body> 拥有两个配置背景的标签.背景可以是颜色或者图像. 背景颜色(Bgcolor) 背景颜色属性将背景设置为某种颜色.属性值可以是十六进制数.RGB 值或颜色名 <body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black"&g

Eclipse修改字体、颜色、编译器背景颜色等操作方法

1.eclipse 背景色设置:Window->Preferences->General->Editors->Text Editors->Backgroud colors取消System default 设置成:RGB(204,232,207). 2.字体大小设置:java 字体:菜单windows>Prefenrence>General Appearance>Colors and Fonts 在右边的菜单中选Java> Java Editor Tex

VC改变CListCtrl 表格中文字颜色,和背景颜色。

(1)首先需要自定义一个类,派生自CListCtrl.如下图: (2)然后在派生类的头文件中声明一个成员函数,如下图: (3)在源文件中实现该成员方法,如图: (4)在源文件中做消息映射,如图: 这时候,当CListCtrl控件在绘制的时候,就会有NM_CUSTOMDRAW消息被我们的函数截获. 我们就在实现函数中筛选出CListCtrl控件应该设置内容(文字颜色,文字背景颜色)的时机,对绘制的内容做相应的修改即可. // ColorListCtrl.cpp : implementation f