zoukankan      html  css  js  c++  java
  • 背景标签BODY

    说穿了,背景标签只有<BODY>这个标签,其余的效果,只要加上一些简单的属性便可做到。

    1. 使用方法:<body bgcolor="#ffffff" background="bg.jpg">
    2. 标签解说:这个标签其实应该老早就要讲了,毕竟它是构成网页不可或缺的基本要素之一(哎哎哎...现在放马后炮有什么用!)。我们背景颜色或图片的设定以及连结字体的颜色,通通都放在<body>这标签里面。我就其属性来一一解说:
      背景颜色 用法:<body bgcolor="颜色码">
      设定背景颜色。有人会说:‘我已经设定了背景图片,那背景颜色还有用吗?’当然有用!当使用者连结到贵站时,若背景图案还没传输完之前(有的背景图蛮大的),就会先显现背景颜色,您说,是不是比一片灰灰的好看多了呢!
      原始码 <html>
      <head>
      <title>这是标题</title>
      </head>

      <body bgcolor="#f9e6a2">

      这里是本文区

      </body>
      </html>

      呈现结果 按下此处观看结果

      背景图案 用法:<body background="图档名称、路径">
      g设定背景图案。图档可以是jpg或gif格式的图档,我建议:图档不要太大,否则网页载入会蛮慢的。
      原始码 <html>
      <head>
      <title>这是标题</title>
      </head>

      <body background="bg.jpg">

      这里是本文区

      </body>
      </html>

      呈现结果 按下此处观看结果



    【内文、连结文字颜色设定】

    1. 使用方法:<body text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000>
    2. 标签解说:用字体标签中的颜色属性,可以设定文字的颜色,不过,却没有提到文字的颜色内定值该如何修改,这个<body>标签中,便有设定内文、连结等文字的颜色内定值功能。用法如下:

      内文颜色 用法:<body text="颜色码">
      设定一般文字颜色,也就是说,若没有特别去设定文字颜色的话,浏览器就会自动显现您所设定的颜色。
      原始码 <html>
      <head>
      <title>这是标题</title>
      </head>

      <body text="#0906a2">

      这里是本文区

      </body>
      </html>

      呈现结果 按下此处观看结果

      连结颜色 用法:<body link="颜色码">
      设定“连结”的颜色。只要是有连结的地方就会出现你指定的颜色,当然,如果按下连结后,那又会变成另一个颜色了,这底下会说明。
      原始码 <html>
      <head>
      <title>这是标题</title>
      </head>

      <body link="#ff6600">

      <a href="index.htm">连结文字</a>

      </body>
      </html>

      呈现结果 按下此处观看结果(设定连结为橘色)

      连结时颜色 用法:<body alink="颜色码">
      设定“按下连结”的颜色,也就是当您滑鼠按下那连结的瞬间所呈现的颜色。
      原始码 <html>
      <head>
      <title>这是标题</title>
      </head>

      <body alink="#0099ff">

      <a href="index.htm">连结中文字</a>

      </body>
      </html>

      呈现结果 按下此处观看结果(滑鼠点下连结瞬间才会出现我们设定的浅蓝色)

      已连结颜色 用法:<body vlink="颜色码">
      设定“按下链结后”的颜色,也就是如果该连结已经有被按过了,那么就会呈现的颜色。如此的做法,是要让使用者容易识别到底哪些连结有去过了,哪些没去过。
      原始码 <html>
      <head>
      <title>这是标题</title>
      </head>

      <body vlink="red">

      <a href="demo1-10-6.htm">连结文字</a>

      </body>
      </html>

      呈现结果 按下此处观看结果(设定已执行过的连结以红色显示)
  • 相关阅读:
    python数据结构之树(二叉树的遍历)
    python数据结构之树(概述)
    python面向对象高级:定制类
    python面向对象高级:Mixin多重继承
    frp
    CentOS7 安装远程桌面
    Java-JVM 锁优化
    Java-内存模型 synchronized 的内存语义
    Java-内存模型 final 和 volatile 的内存语义
    Java-内存模型(JSR-133)
  • 原文地址:https://www.cnblogs.com/qqnnhhbb/p/802955.html
Copyright © 2011-2022 走看看