常用的CSS样式示例代码 

<!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>
<style type="text/css">
    /*操作背景的属性 */
    body{
        /*background-color:#CCC;  设置背景颜色*/
        background-image:url(2.jpg);
        background-repeat:no-repeat;  /*  设置背图片是否要重复 */
        background-position:370px 100px; /* 设置背景图片的位置， 第一个参数是左上角的左边距， 第二个参数是左上角的上边距 */
    }
    /* 操作文本的样式 */
    div{
        color:#F00;
        font-size:16px;
        line-height:40px;
        letter-spacing:10px;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase; 
        
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <div>
    <pre>
                   七步诗
            煮豆燃豆萁，豆在釜中泣。
            本是同根生，相煎何太急。
    </pre>
    </div>

</body>
</html>

 

posted on 2018-11-23 09:30  LoaderMan  阅读(1248)  评论(0)  编辑  收藏  举报

导航