zoukankan      html  css  js  c++  java
  • HTML第九天学习笔记

    今天就继续看了下浮点float属性,代码如下:

     1 <html>
     2     <head>
     3         <title>CSS float属性</title>
     4         <meta http-equiv = "content-type" content = "text/html; charset = utf-8">
     5         <style type = "text/css">
     6             /*
     7                 img{
     8                 float:right;                图片居右
     9                 border:1px dotted red;        设置边框
    10                 margin:0px 0px 15px 20px;    外填充设置
    11                 }
    12             */
    13             div{
    14                 float:right;                /*图片居右*/
    15                 width:125px;                /*宽125个像素*/
    16                 margin:0 0 15px 20px;        /*CSS外边距属性*/
    17                 padding:15px;                /*CSS内边距属性*/
    18                 border:1px solid black;        /*给文本添加一个一像素厚的黑色边框*/
    19                 text-align:center;            /*文本居中*/
    20             }
    21         </style>
    22     </head>
    23 
    24     <body>
    25         <div>
    26             <img src="Images/jd1.png" />
    27             图片标题
    28         </div>
    29         <p>
    30             This is some text. This is some text. This is some text.
    31             This is some text. This is some text. This is some text.
    32             This is some text. This is some text. This is some text.
    33         </p>
    34         <p>
    35             This is some text. This is some text. This is some text.
    36             This is some text. This is some text. This is some text.
    37             This is some text. This is some text. This is some text.
    38             This is some text. This is some text. This is some text.
    39             This is some text. This is some text. This is some text.
    40             This is some text. This is some text. This is some text.
    41             This is some text. This is some text. This is some text.
    42             This is some text. This is some text. This is some text.
    43             This is some text. This is some text. This is some text.
    44             This is some text. This is some text. This is some text.
    45         </p>
    46     </body>
    47 </html>

    效果如图:

  • 相关阅读:
    【NOI D2T1】量子通信(容斥原理+卡常)
    CF1555D Say No to Palindromes(线段树)
    CF1554B Cobb
    CF1554A Cherry
    【做题笔记】UVA10162 Last Digit
    【做题记录】CF1223D Sequence Sorting
    CF39H
    UVA10763
    题解 AT2361 [AGC012A] AtCoder Group Contest
    このブログについて | About this blog
  • 原文地址:https://www.cnblogs.com/YeYunRong/p/6096027.html
Copyright © 2011-2022 走看看