编程练习，企业网站综合布局实战教程-慕课网

2-3 编程练习

本节编程练习不计算学习进度，请电脑登录imooc.com操作

编程练习

小伙伴们，根据所学知识，实现在网页中显示一个盒子，盒子的宽度为200px，高度为100px，边框线为1px的红色实线，盒子距页面有10px的上边距，盒子中的内容距左侧有15px填充。

效果图:

温馨提示:完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习此节内容。

任务

一、在右侧编辑器，body标签中添加一个div，设置其class属性为myBox。

二、在右侧编辑器，head标签中，定义一个类选择器myBox。

提示:
根据任务要求设置相关CSS样式: 盒子的宽度为200px，高度为100px，边框线为1px的红色实线，盒子距页面有10px的上边距，盒子中的内容距左侧有15px填充。

index.html

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>盒子模型练习题</title>
 
<!--在此定义一个类选择器myBox，根据要求设置相关CSS属性-->
 
 
</head>
<body>
 
 
<!--在此添加一个div标签，并设置其class属性为myBox-->
 
 
 
</body>
</html>