教育改变生活

标题: 【HTML5：第六章初识CSS】6-17 伪元素选择器 [打印本页]

作者: 却尘 时间: 2021-12-2 09:40
标题: 【HTML5：第六章初识CSS】6-17 伪元素选择器

伪元素选择器

<!DOCTYPE html>

<html>

<head>

<style>

h1::after {content: url(img/小车图.png);}

p::before{content:"台词:";}

p::first-letter {

color: red;

font-size: xx-large;

}

p::first-line {

color: blue;

font-variant: small-caps;

}

::-moz-selection { /* 针对 Firefox 的代码 */

color: red;

background: yellow;

}

::selection {

color: red;

background: yellow;

}

input::placeholder {

color: red;

font-size: 1em;

}

</style>

</head>

<body>

<h1>这是一个标题</h1>

<p>我是唐老鸭。</p>

<p>我住在 Duckburg。</p>

<p><b>注释：</b>对于在 IE8 中工作的 :after，必须声明 DOCTYPE。</p>

</body>

</html>

欢迎光临教育改变生活 (http://bbs.goldoar.com/)