代码

页面效果

代码

页面效果

div样式布局

基本格式：

格式:
<style>
    标签名{
        属性名:属性值;
    }
</style>
​

多个属性名格式：

<style>
    标签名{
        属性名1:属性值1;
        属性名2:属性值2;
        属性名3:属性值3;
    }
</style>

div的多样式：

一个属性名可以含有多个值，同时设置多样式。

格式:

<style>
    标签名{
        属性名:属性值1 属性值2 属性值3; 
    }
</style>
​

【提示】

为了布局方便，我们通常可以先设置边框的样式，进行布局。结束后，再去掉边框，直观展示完整界面。

代码演示

文本标签

代码演示

效果