≡
  • 网络编程
  • 数据库
  • CMS技巧
  • 软件编程
  • PHP笔记
  • JavaScript
  • MySQL
位置:首页 > 网络编程 > HTML

:after伪类应用的简单示例

人气:823 时间:2018-09-26

这篇文章主要为大家详细介绍了:after伪类应用的简单示例,具有一定的参考价值,可以用来参考一下。

感兴趣:after伪类的小应用的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。
html代码如下:

<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
h1[id]:hover::after {
content: " #"attr(id);
}
</style>
</head>
<body>
<h1 id="test">测试标题</h1>
</body>
</html>
<!--   来自 512笔记 (www.512pic.com)-->

本文来自:http://www.512pic.com/175/1701-0.html

注:关于:after伪类应用的简单示例的内容就先介绍到这里,更多相关文章的可以留意512笔记的其他信息。

关键词:after

您可能感兴趣的文章

上一篇:.clearfix的原理和总结
下一篇:CSS在表单元素里禁用输入法的简单示例
热门文章
  • HTML5 文本内容显示三行,多余部分显示...,点击全部展开
  • HTML,CSS,font-family:中文字体和英文名称对照表
  • html 回到顶部的完整代码
  • 百度编辑器ueditor自动排版首行缩进四个字符实现方法
  • HTML 为元素添加一些透明度的简单方法
  • HTML/CSS 实现div居中、div内部元素垂直居中的简单示例
  • HTML 在textarea中选择文本的实现方法
  • CSS分页符示例
  • 【推荐】DIV+CSS入门菜鸟教程
  • HTML 点击超链接在iframe框架显示的实现方法
  • 最新文章
    • css实现移动端禁止手机长按图片弹出保存图片
    • 鼠标拖动DIV元素的实现方法
    • html 标签随机变色大小的简单示例
    • HTML 在textarea中选择文本的实现方法
    • CSS分页符示例
    • HTML 为元素添加一些透明度的简单方法
    • html 回到顶部的完整代码
    • HTML5 文本内容显示三行,多余部分显示...,点击全部展开
    • HTML/CSS 实现div居中、div内部元素垂直居中的简单示例
    • HTML,CSS,font-family:中文字体和英文名称对照表

512笔记收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。