如何使用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]插入控件
  • 热门搜索
    手抄报资料 安全小知识手抄报 欢欢喜喜过大年手抄报 重阳节手抄报简单易画 中秋节手抄报图画 文明城市手抄报内容 热爱劳动手抄报 一年级清明节手抄报 幼儿手抄报 安全日手抄报