如何使用HTML5中的aside元素定义侧边栏并展示

 时间:2024-10-15 11:17:43

1、双击打开HBuilderX工具,在web项目中,定义页面文件aside.html

如何使用HTML5中的aside元素定义侧边栏并展示

2、打开已新建的页面文件,定义并插入本页面的标题内容

如何使用HTML5中的aside元素定义侧边栏并展示

3、在body标签中,插入一个header元素,并添加标题元素

如何使用HTML5中的aside元素定义侧边栏并展示

4、接着,添加article元素,然后内部插入aside元素,定义侧边栏

如何使用HTML5中的aside元素定义侧边栏并展示

5、添加一个style标签,利用aside元素选择器,设置宽度和背景色

如何使用HTML5中的aside元素定义侧边栏并展示

6、保存代码并运行页面文件,可以查看到侧边栏显示效果

如何使用HTML5中的aside元素定义侧边栏并展示
  • hbuilder如何给文字加描边
  • 如何用jquery给li标签加边框
  • css如何设置文字的水平方向浮动
  • 在css中如何设置左浮动和右浮动?
  • Dreamweaver CS6如何应用:[14]插入控件
  • 热门搜索
    淘宝帐号怎么注册 如何做账 如何制作pdf 如何发干海参 如何学习化妆 苏e是哪里的车牌号码 梦幻西游盘丝怎么加点 中国哪里有戒同所 如何让牙齿变白 cdr如何抠图