CSS伪元素_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:43:41
Original
787 Leute haben es durchsucht

<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>
Nach dem Login kopieren

<2>

<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>
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage