1.打开编辑器，在编辑器里新建test.html，用来学习今天的内容
2. 在body区域，新建一个class为study的div
3. 在style标签内,给study设置宽300px，高200px,粗细为1px的黑色边框
4. 在浏览器中打开test.html，可以看到一个黑色边框的长方形
5. 回到编辑器，在style标签内，将study的border属性后面的1px改成3px
6. 再次在浏览器中打开test.html，会发现页面里长方形的边框变粗了
您好，要使下边框border左边有距离右边顶对齐，首先要在CSS中使用margin属性，margin属性可以让您控制元素的外边距，以便让元素与其他元素保持一定的距离。您可以使用margin-right属性来设置元素右边的边距，以便让元素与右边的元素保持一定的距离。例如，您可以使用以下代码来设置border左边的距离：border-left: 200px
margin-right: 200px
这样，border左边就会有200px的距离，而右边的元素也会有200px的距离
