css第四次_html border 5px outset #000000属性-CSDN博客

本文链接：https://blog.csdn.net/jokererty/article/details/122833050

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>css常用属性</title>
       <style type="text/css">
           #div1{
               width: 500px;
               height: 500px;
               /*背景颜色*/
               background-color:#EEEBAA;
               /*背景图片*/
               background-image: url(./img/王也.jpg);
               /*是否重复*/
               background-repeat: repeat-x;
               text-indent: 3em;
           }
           #div2{
               color: aqua;
               text-align:center;

               text-decoration: line-through overline;

           }
           a{text-decoration: none;}
           #p1{
               text-align:justify;
           }
           h2{display: block;}
           #d1{
               width: 100px;
               height:100px;
               background-color: brown;
               float:left;
           }
           #d2{
               width: 100px;
               height: 100px;
               background-color: black;
               float: right;
           }
           #p2{
               width: 100px;
               height:100px;
               background-color:#00FFFF;
               border: #000000 5px outset;

           }
           #p3{width: 100px;
               height:100px;
               background-color:#00FFFF;
               border: #000000 5px outset;
               padding-left:20px;
               margin-top: 100px;
               margin-left: 100px;
               }

       </style>
   </head>
   <body>
   
       <div id="div1">
           hello
       </div><hr>
       <div id="div2">
           hello world
       </div>
       <a href="">百度</a><hr>

       <p id="p1">
           庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你aa不复当年模样庐州月光，洒在心上，月下的你不复当年模样
           庐州月光，洒在心上，月下的你不复aaaaaa当年模样庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样
           庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心aa上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样
           庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样
           庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当aa年模样庐州月光，洒在心上，月下的你不复当年模样
       </p><hr>
       <h2>hello</h2>
       <div id="d1"></div>
       <div id="d2"></div>
       <hr>
       <div id="p2"></div><hr>
       <div id="p3"></div>
   </body>
</html>