06水平居中 · 学习笔记

~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> *{margin:0;padding:0} div{ width:100px; height:100px; background-color: red; /* 让元素水平居中 margin-left:auto;margin-right:auto; */ margin-left: auto; margin-right: auto; } /* 鼠标悬停的时候改变元素的样式 */ p:hover{ color:blue; cursor: pointer; /* 文本修饰 text-decoration:underline|overline|line-through */ text-decoration: underline } </style> </head> <body>  <div> </div> <p>hello world</p> </body> </html> ~~~