如何用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>
