Heim >Web-Frontend >HTML-Tutorial >CSS伪元素_html/css_WEB-ITnose
CSS伪元素_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:43:41809Durchsuche
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style> p:first-line { /*伪元素： 本来p元素的第一行是一句文字，并不是一个元素，但是这里将p元素的第一行伪装成一个元素了，然后给它设置样式; */ font-size:30px; font-family:Arial; color:red; } p:first-letter { /*这里将p标签这个元素的第一个字母伪装成一个元素，然后给他设置样式*/ font-size:3cm; } :root { /*将样式绑定到页面的根元素中，所有根元素是指位于文档中最顶层结构的元素，即<html> 即将HTML的背景设置为黄色*/ background-color:yellow; } </style></head><body> <p> Aaaaaaaaaaa<br/> bbbbbbbbbbb<br /> ccccccccccc<br /> </p></body></html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style> p:before { /*在p元素前面追加一个“你好”文字*/ content:"你好！"; } p:after { /*在p元素后面追加一个“大家好”文字*/ content:"大家好！" } </style></head><body> <p> Aaaaaaaaaaa </p></body></html> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：手机前端_html/css_WEB-ITnoseNächster Artikel：CSS Sprite定位实现_html/css_WEB-ITnose