20220305

最新推荐文章于 2024-08-14 18:50:50 发布

renchaorenlai

最新推荐文章于 2024-08-14 18:50:50 发布

阅读量45

点赞数

文章标签： html

本文链接：https://blog.csdn.net/renchaorenlai/article/details/123499657

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>20220305</title>

   </head>
   <body>
       
       <style type="text/css">
           a{
               text-decoration: none;
           }
           a:link{
               color: blue;
           }
           a:visited{
               color: indianred;
           }
           a:hover{
               color: black;
               font-size: 50px;
           }
           a:active{
               color: pink;
           }
       </style>
       <a href="http://www.4399.com" target="_blank">4399</a>
       <a href="http://www.7k7k.com" target="_blank">7k7k</a>
       <a href="http://www.2345.com" target="_blank">2345</a>
       <a href="http://www.baidu.com" target="_blank">baidu</a>

       
       

       
       
       <style type="text/css">
           li{
               list-style: none;
               display: inline;/*将块级标签转换为行内的标签*/
               padding: 10px;
               font-size: 30px;



           }
           .jiacu{
               font-weight: 900;
           }
           a:
       </style>


       <h3>你心中的女神</h3>
       <ol type="A">
           <li>
               <a href="#" class="jiacu">刘亦菲</a>
           </li>
           <li>
               <a href="#">鞠婧祎</a>
           </li>
           <li>
               <a href="#">景甜</a>
           </li>
       </ol>

       

       <style type="text/css">
           #mydiv{
               border: 2px solid;
               width: 50px;
               height: 50px;
               border-color:red yellow blue pink;/*顺序上右下左，值不够，则看对面*/
               border-style:dashed dotted inset groove;

           }
       </style>





       <div id="mydiv">

       </div>

       <hr /><hr /><hr />

       <style>
           div {
           background-color: lightblue;
           width: 200px;
           height: 200px;
           border: 10px solid blue;
           padding: 25px;
           margin: 50px;
           border-radius: 100px;
           box-shadow: 20px 40px 10px greenyellow , 40px 80px 30px lightblue;
           }
       </style>

<h2>盒子模型演示</h2>

<p>CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。</p>

       <div>这里是盒子内的实际内容。有 25px 内间距，50px 外间距、10px 蓝色边框。</div>









       <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   </body>
</html>

renchaorenlai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
20220305

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>20220305</title> </head> <body>  <style type="text/css"> a{...
复制链接

扫一扫