3.1、边框属性
所有的HTML标签都是有边框的，默认边框不可见。
3.1.1、border
设置边框的样式
格式：宽、样式、颜色
例如：border：1px solid red； 一像素 实线 红色边框
线条样式包括：solid实线，none无边框，double双线
3.1.2、width
用于设置标签的宽度
3.1.3、height
用于设置标签高度
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
font-size: 10px;
border: 5px double blue;
width: 200px;
height: 100px;
}
</style>
</head>
<body>
<div>休息一会儿</div>
</body>
</html>
3.1.4、background-color
用于设置标签的背景颜色
背景颜色设置的两种主流方式
①英文单词 例如：red、blue、yellow
②颜色代码 格式：#红绿蓝，每一个颜色用两个16进制位数表示
例如：#ff1100 红色ff，绿色11，蓝色00，红色颜色最重要，绿色其次，没有蓝色
“ff是255”
3.2、布局
3.2.1、float
通常默认的排版方式，将页面中的元素从上到下一一罗列，而实际开发中，需要左右方式进行排版，就需要使用浮动属性
- 格式：
选择器（float属性值；）
常用属性值：
none：元素不浮动（默认值）
left：元素向左浮动
right：元素向右浮动
注意：因为元素设置浮动属性后，会脱离原有文档流（会脱离原来的版式），从而会影响其他元素的样式，所以设置浮动以后，页面样式需要重新调整
浮动意思就是飘起来了
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
