css-ag凯发k8国际

第01步：编写css代码：wei.css

@charset "utf-8"; /* 伪元素选择器:状态 效果顺序：l v h a */a:link.lin_01{/*超链接，未访问状态*/background-color:#60f;color:#fff;text-decoration:none;/*去掉下划线*/font-size:24px;}a:hover.lin_02{/*悬停效果*/background-color:#f00;color:#00f;font-size:36px;}a:active.lin_03{/*点击，未放开效果*/background-color:#000;color:#fff;font-size:9px;}a:visited.lin_04{/*访问后效果*/background-color:#9f0;color:#930;font-size:9px;text-decoration:line-through;}div:hover.dh_01{/*div效果*/background-color:#9f0;color:#6fc;}p:first-letter{/*首字样式*/background-color:#60f;color:#ff0;font-size:36px;}p:first-line{/*段落第一行*/font-size:24px;}input:focus{/*input输入框效果*/background-color:#33c;color:#f00;}

 

第02步：编写html代码：

"-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> "http://www.w3.org/1999/xhtml"> "content-type" content="text/html; charset=utf-8" /> "wei.css" rel="stylesheet" type="text/css" />

---

效果01：

---

效果02：

---

效果03：

---

效果04：

---

效果05：

---

效果06：

小船袜儿

小船袜儿

---

效果07：

 

转载于:https://www.cnblogs.com/zjsy/p/4375739.html

总结

以上是ag凯发k8国际为你收集整理的css_03_04_css伪元素选择器的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。