请教css中image居中写法

html-css022

请教css中image居中写法,第1张

<!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>

<title>title</title>

<meta name="author" content="" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />

<style type="text/css">

.content {width:200pxheight:100pxoverflow:hiddenbackground-color:#fafafa}

.content img {display:blockmargin:0 auto}

</style>

<script type="text/javascript">

</script>

</head>

<body>

<div class="content">

<div><img src="tt.jpg"><div>

</div>

</body>

</html>

<!--上述代码兼容ie6,7,8,ff, safari, opera, chrome! -->

background-color 属性设置元素的背景颜色。

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。

transparent 值

尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素拥有背景色,同时又不希望用户对浏览器的颜色设置影响到您的设计,那么设置 transparent 值还是有必要的。 默认值:transparent继承性:no版本:CSS1JavaScript 语法:object.style.backgroundColor=#00FF00body {background-color:yellow}h1 {background-color:#00ff00}p {background-color:rgb(255,0,255)}