如何用CSS做好圖文混排顯示效果
<style type="text/css">
<!--
/* 上一行避免老式瀏覽器不支持CSS */
body{
padding:0px;
margin:0px;
background-color:#FFFF99; /* 設(shè)置背景顏色*/
}
#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),中文譯為層疊樣式表,是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。CSS是1996年由W3C審核通過,并且推薦使用的。簡單的說CSS的引入就是為了使得HTML能夠更好的適應(yīng)頁面的美工設(shè)計。它以HTML為基礎(chǔ),提供了豐富的格式化功能,如字體、顏色、背景、整體排版等等,并且網(wǎng)頁設(shè)計者可以針對各種可視化瀏覽器設(shè)置不同的樣式風(fēng)格,包括顯示器、打印機、打字機、投影儀、PDA等等。CSS的引入隨即引發(fā)了網(wǎng)頁設(shè)計的一個又一個新高潮,使用CSS設(shè)計的優(yōu)秀頁面層出不窮。</div>
</body>
掃一掃關(guān)注官方微信