                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /信息滾動效果制作

css中的padding的作用是什么？求解

<!DOCTYPE html>
<html>
<head>
?? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
?? ?<title>marquee滾動效果</title>
</head>
<style type="text/css">
?? ?*{
?? ??? ?padding: 0;
?? ??? ?margin:0;
?? ?}
?? ?.box{
?? ??? ?width: 500px;
?? ??? ?border:3px solid #ccc;
?? ??? ?margin:50px auto 0;
?? ??? ?padding: 10px;
?? ?}
</style>
<body>
?? ?<div class="box">
?? ??? ?<dl>
?? ??? ??? ?<dt>文字滾動事例：</dt>
?? ??? ??? ?<dd><marquee>marquee默認向左滾動。。。。</marquee></dd>
?? ??? ?</dl>
?? ??? ?<dl>
?? ??? ??? ?<dt>文字滾動事例（向右）：</dt>
?? ??? ??? ?<dd><marquee direction="right" scrolldelay="500">我向右滾動。。。</marquee></dd>
?? ??? ?</dl>
?? ??? ?<dl>
?? ??? ??? ?<dt>文字滾動事例（默認方向，滾動方式為alternate，循環3次，速度為2）：</dt>
?? ??? ??? ?<dd><marquee></marquee></dd>
?? ??? ?</dl>
?? ?</div>
</body>
</html>