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>

    效果如图:

  • 相关阅读:
    卡特兰数
    poj3461 字符串匹配 熟悉kmp算法第一题
    hdu1018
    poj 1088
    Linux / OS X 实用命令
    Mac/Linux 定时运行命令行
    在Mac安装Scheme
    如何判断无向图有环
    Prime算法生成最小生成树
    无向图的深度优先与广度优先搜索代码实现
  • 原文地址:https://www.cnblogs.com/YeYunRong/p/6096027.html
Copyright © 2011-2022 走看看