这段代码将内容宽度限制在1/2，设计字体大小

1号字体

2号字体

3号字体

4号字体

5号字体
这段代码将内容宽度限制在1/2，设计一个宽度500px的表格：

品牌 产品 价格
苹果 手机 SG$1000
三星 电视 SG$800
耐克 运动鞋 SG$200
用这个代码将这部分内容的背景色设为浅灰色

 

以下代码插入间隔，高度由自己设定

这段代码将内容宽度限制在1/3，设计链接列表

这段代码将内容宽度限制在1/3，设计不同尺寸和颜色的按钮
红色大按钮 点击链接去主页

蓝色中按钮 点击链接去课程

绿色小按钮 点击链接去装备

链接型按钮 点击链接去目的地

这段代码将内容宽度限制在1/3，设计同级排列内容

  1. 岱宗夫如何？齐鲁青未了。
  2. 造化钟神秀，阴阳割昏晓。
  3. 荡胸生曾云，决眦入归鸟。
  4. 会当凌绝顶，一览众山小。
  • 岱宗夫如何？齐鲁青未了。
  • 造化钟神秀，阴阳割昏晓。
  • 荡胸生曾云，决眦入归鸟。
  • 会当凌绝顶，一览众山小。

 

这段代码将内容宽度限制在1/2，设计下拉菜单：

下拉菜单1 – 点击这里查看内容

下拉菜单1隐藏的内容：怒发冲冠，凭栏处、潇潇雨歇。抬望眼，仰天长啸，壮怀激烈。三十功名尘与土，八千里路云和月。莫等闲、白了少年头，空悲切。
下拉菜单2 – 点击查看更多内容

下拉菜单2隐藏的内容：靖康耻，犹未雪。臣子恨，何时灭！驾长车，踏破贺兰山缺。壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头、收拾旧山河，朝天阙。
下拉菜单1 – 精彩内容点击这里

下拉菜单3隐藏的内容
这段代码将内容宽度限制在1/2，设计下拉菜单：

  • 下拉菜单1

    下拉菜单1隐藏的内容：怒发冲冠，凭栏处、潇潇雨歇。抬望眼，仰天长啸，壮怀激烈。三十功名尘与土，八千里路云和月。莫等闲、白了少年头，空悲切。

  • 下拉菜单2

    下拉菜单2隐藏的内容：靖康耻，犹未雪。臣子恨，何时灭！驾长车，踏破贺兰山缺。壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头、收拾旧山河，朝天阙。

  • 下拉菜单3

    下拉菜单3隐藏的内容

以下代码插入灰色横线，前后间距由自己决定，第一条细线，第二条粗线

这段代码将内容宽度限制在2/3，设计下拉菜单方框：

菜单1

怒发冲冠，凭栏处、潇潇雨歇。抬望眼，仰天长啸，壮怀激烈。三十功名尘与土，八千里路云和月。莫等闲、白了少年头，空悲切。


菜单2

靖康耻，犹未雪。臣子恨，何时灭！驾长车，踏破贺兰山缺。壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头、收拾旧山河，朝天阙。


菜单3

菜单3隐藏的内容

这段代码将内容宽度限制在1/3，设计字体背景色和字体链接：
怒发冲冠，凭栏处、潇潇雨歇。抬望眼，仰天长啸，壮怀激烈。三十功名尘与土，八千里路云和月。莫等闲、白了少年头，空悲切。靖康耻，犹未雪。臣子恨，何时灭！驾长车，踏破贺兰山缺。壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头、收拾旧山河，朝天阙。