如何使用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]插入控件
  • 热门搜索
    交通安全的手抄报 关于感恩手抄报图片 手抄报数学 科学小常识手抄报 6年级数学手抄报 科技点亮生活手抄报 我国的世界遗产手抄报 二年级手抄报内容 创卫手抄报设计图 错别字手抄报