当前位置:Gxlcms > css > css:mark标签使用实例

css:mark标签使用实例

时间:2021-07-01 10:21:17 帮助过:22人阅读

mark标签:

mark元素表示页面中需要突出或高亮显示的内容,在搜索结果中也常常出现,比如检索结果中的关键词高亮显示。

案例:

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>HTML5每日一练之mark标签的应用</title>
  6. </head>
  7. <body>
  8. <p>HTML5|CSS3|论坛 | <mark>前端开发!</mark></p>
  9. <p>HTML5论坛,CSS3论坛,CSS论坛,WEB前端开发论坛,教程资源完全免费的网页教学网</p>
  10. </body>
  11. </html>

语法:

  1. marks : none | crop || cross

参数:

none :  无页标记出现
crop :  在页面将会被裁切处指定切割标记
cross :  指定交叉线标记用来供页面对齐

说明:

印刷业的印刷文档通常在页面内容区域外带有一些标记,用来校正和调整所有的页面。此属性用来设置或检索什么样的标志是应该在页容器外边被给予。
目前IE5.5尚不支持此属性。
对应的脚本特性为marks。请参阅我编写的其他书目。

示例:

  1. body { marks: crop cross }

以上就是css :mark标签使用实例的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行