<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><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p></body></html>
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
936
