如何用CSS做好图文混排显示效果
<style type="text/css">
<!--
/* 上一行避免老式浏览器不支持CSS */
body{
padding:0px;
margin:0px;
background-color:#FFFF99; /* 设置背景颜色*/
}
#title{
font-size:19px; /* 字号 */
font-weight:bold; /* 粗体 */
text-align:center; /* 居中 */
padding:15px; /* 间距 */
background-color:#FFFFCC; /* 背景色 */
border:1px solid #FFFF00; /* 边框 */
}
#content{
padding:6px; /* 间距 */
font-size:13px; /* 字号 */
line-height:130%; /* 行间距 */
}
img{
float:left; /* 图文混排 */
filter: alpha(opacity=100,finishopacity=0,style=2); /* 渐变效果 */
}
-->
</style>
</head>
<body>
<div id="title">CSS简介</div>
<div id="content">
<img src="bike.jpg" border="0">
CSS（Cascading Style Sheet），中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过，并且推荐使用的。简单的说CSS的引入就是为了使得HTML能够更好的适应页面的美工设计。它以HTML为基础，提供了丰富的格式化功能，如字体、颜色、背景、整体排版等等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显示器、打印机、打字机、投影仪、PDA等等。CSS的引入随即引发了网页设计的一个又一个新高潮，使用CSS设计的优秀页面层出不穷。</div>
</body>
