<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/*操作背景的屬性*/
body{
/*background-color:#999; 設置背景顏色*/
background-image:url(a.jpg);/*添加圖片*/
background-repeat:no-repeat;/*設置背景圖片是否要重複*/
background-position:370px 100px;/*設置背景圖片的位置，第一個參數是左上角的左邊距，第二個參數是左上角的上邊距*/
}
/*操作文本的樣式*/
div{
color:#F00;
/*direction:rtl;右對齊，right 右 left 左*/
font-size:16px;
line-height:40px;
letter-spacing:10px;
text-align:center;
text-decoration:underline;
text-transform:uppercase;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<div>
<pre>
七步詩
煮豆燃豆萁，豆在釜中泣；abc
本是同根生，相煎何太急。
</pre>
</div>
</body>
</html>常用的CSS樣式
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
position:absolute下，top:0,right:0,bottom:0,left:0 結合margin:auto的作用（讓明確寬高的盒子水平垂直居中於父元素）
絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
幾個簡單的css動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi