如何使用HTML5中的blockquote标签进行排版显示

 时间:2024-10-13 06:18:59

1、在已打开的HBuilderX工具中,新建页面文件,并调整标签内容

如何使用HTML5中的blockquote标签进行排版显示

2、在<body></body>标签中,插入一个label和b盟敢势袂lockquote标签

如何使用HTML5中的blockquote标签进行排版显示

3、保存代码并查看页面效果,可以发现使用blockquote标签内的文字放在一行

如何使用HTML5中的blockquote标签进行排版显示

4、添加一个style标签,利用标签选择器,设置宽度200px

如何使用HTML5中的blockquote标签进行排版显示

5、再次保存代码并刷新浏览器,可以查看到文字分行显示

如何使用HTML5中的blockquote标签进行排版显示

6、在blockquote标签上下外侧,添加一个hr标签,设置分割线

如何使用HTML5中的blockquote标签进行排版显示
  • HTML 标题通过h1-h6标签进行定义
  • li:first-child 伪类向元素第一个子元素添加css
  • html+css(表格cellpadding为什么失效)
  • button按钮点击自动刷新了页面怎样阻止
  • html中怎样将li标签前的点去除
  • 热门搜索
    我的中国梦手抄报 感恩的手抄报 有趣的汉字手抄报 行为规范手抄报 森林草原防灭火的手抄报 少先队手抄报 清明节手抄报。 清明节手抄报内容文字 长征手抄报 感恩手抄报简单又漂亮