一、创建一个新的HTML文件
二、创建HTML标记和内容。
三、预览效果如图所示。
四、设置左边框的宽度border-left-width: 15px。
五、预览效果如图。
六、设置左边框的宽度border-left-width: thin。
七、预览效果如图所示。
1、首先打开hbuilder软件,新建一个html文件,写入一个p标签,里面写入一句话:
2、然后在上方定义style标签,修改body标签的样式,这里用width属性设置body的宽度为600像素,高度设为1000,居中使用margin属性,最后为了观察效果最后在设置一个宽度为10像素的边框并给边框一个颜色:
3、最后按下Crtl+S保存,在浏览器中就可以看到自定义宽度并居中的body标签了:
你的div里面可能设置了margin、padding或者border属性,这样在浏览器里面会认为div的宽度大于100%,如果是这种情况,可以尝试在CSS里面定义这个div的 box-sizing:border-box,这样宽度计算的方式就变成元素宽度是同时包含了border和padding的值的;当然还有一种偷懒的解决方法,设置body的overflow-x:hidden强制去掉水平滚动条。