CSS是网页美观性设计的重要一环,而盒子的位置调整也是CSS中非常常见的一种操作,下面介绍如何通过CSS将盒子往下调:
.box {margin-top: 30px;}在CSS中,要调整盒子的位置,就需要使用margin属性,margin-top属性可以使盒子往下调整一定的距离,其值可以是像素、百分比、ems等单位。在上面的代码中,我们将.margin-top设为30px的距离,这样就可以很容易的将盒子向下移动。
需要注意的是,如果要在HTML文档中使用CSS样式,需要在HTML文档的
标签中加入样式表,示例如下:<head><style>.box {margin-top: 30px;}</style></head>这样在HTML中的所有.box类盒子都会被往下调整30px的距离。更具体的操作可以自己尝试!
上一篇:css拉伸字体高度
下一篇:css把文字变灰色









