Xem ví dụ

<!DOCTYPE html>
<html>
<head>
    <title>Xem ví dụ</title>
    <style type="text/css">
        div{
           margin:20px;
           border:30px dotted brown;
           padding:25px;
           background-image:url(../image/smile-face.png);
           background-repeat:no-repeat;
           background-origin:padding-box;
        }
    </style>
</head>
<body>
    <div>C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C C </div>
</body>
</html>

background-repeat:

repeat

repeat-x

repeat-y

no-repeat

background-origin:

border-box

padding-box

content-box

initial