<p style="color:blueviolet">独在异乡为异客</p>

<p style="color: #ffee33;">独在异乡为异客</p>

<p style="color:rgb(255,0,0)">独在异乡为异客</p>

<p style="color:rgba(255,0,0,0.6)">独在异乡为异客</p>

<p style="font-size: larger">独在异乡为异客</p>
<p style="font-size: smaller">独在异乡为异客</p>

<p style="font-size: 20px">独在异乡为异客</p>

<p style="font-size: 20%">独在异乡为异客</p>

<p style="font-family:黑体">独在异乡为异客</p>

<p style="font-weight:900">独在异乡为异客</p>

<p style="font-style: italic">独在异乡为异客</p>

<div class="back">

</div>

.back{
    width:800px;
    height:600px;
    background-image: url("鱼群.jpg")
}

.back{
    width:800px;
    height:600px;
    background-image: url("鱼群.jpg");
    background-repeat:no-repeat;
}

.back{
    width:800px;
    height:600px;
    background-image: url("鱼群.jpg");
    background-repeat:repeat-x;
}

.back{
    width:800px;
    height:600px;
    background-image: url("鱼群.jpg");
    background-repeat:no-repeat;
    background-position:center center;
}

<span></span>

span{
            display:inline-block;
            width:18px;
            height: 20px;
            background-image: url("http://dig.chouti.com/images/icon_18_118.png?v=2.13");
            background-position: 0px 100px;
        }