`
qmug
  • 浏览: 197502 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS背景颜色例子

    博客分类:
  • J2EE
阅读更多
一个 有关 CSS 样式的小例子

建立一个 1.jsp

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.cc {
	background-color: #CCCC00;
}
.oo {
	background-color: #993333;
}
.ww {
	background-color: #66FF00;
}
-->
</style>
</head>

<body>
<form action="" method="post" name="form1" class="cc" id="form1">
  <p class="oo">用户名:  </p>
  <label>
  <input name="textfield" type="text" class="ww" />
  </label>
  <p class="cc">年龄:</p>
</form>

</body>
</html>

其中这端代码
<style type="text/css">
<!--
.cc {
background-color: #CCCC00;
}
.oo {
background-color: #993333;
}
.ww {
background-color: #66FF00;
}
-->
</style>
就是样式。有截取图片在附件rar中。
  • CSS.rar (575.1 KB)
  • 下载次数: 16
分享到:
评论

相关推荐

    CSS鼠标移至此处, 背景变化例子

    博文链接:https://qmug.iteye.com/blog/219181

    css 兼容浏览器的背景颜色渐变方法

    这个小例子讲解了在不同浏览器下用css为元素做渐变背景的方法,希望能够对大家有所帮助。

    CSS改变网页中鼠标选中文字背景颜色例子

    CSS的作用就是用来美化网页的内容或者结构层次。这我们都知道,不是吗?随着CSS技术的不断革新升级,我们获得了更多的控制样式的能力

    CSS教程(2):通过实例学习CSS背景

    本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景. 本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。 参考软件开发网关于CSS背景的理论知识:CSS...

    css 即Cascading Style Sheets(层叠样式表) 基础教程

    第一章 CSS简介 第二章 CSS入门例子 第三章 CSS语法 第四章 CSS颜色 第五章 CSS背景 第六章 CSS文本 第七章 CSS字体 第八章 CSS边框 第九章 CSS边外补白 第十章 CSS边内补白 第十一章 CSS属性索引

    CSS3颜色值RGBA与渐变色使用介绍

    CSS3之前渐变色图片只能用背景图片 CSS3的渐变色语法可以让我们省去下载图片的开销 并且在改变浏览器分辨率时有更好的效果 颜色值RGBA 我们熟悉的rgb颜色标准,是由r(red)、g(green)、b(blue)三种颜色叠加变化...

    HTML5&CSS3网页制作:CSS优先级.pptx

    网页制作时,对统一元素,应用不同的背景,会出现什么情况? 思考 background-color:pink; background-color:blue; background-color:red; 【结论】 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就...

    使用HTML开发商业网站-CSS3高级特性课件.pptx

    CSS 高 级 特 性 CSS高级特性 所谓层叠性是指多种CSS样式...为了体验CSS优先级,首先来看一个具体的例子,其CSS样式代码如下: p{ color:red;} /*标记样式*/ .blue{ color:green;} /*class样式*/ #header{ color:blue;}

    JQuery&CSS;&CSS;+DIV实例大全.rar

    实用jquery标签Tab插件下载可切换不同的颜色 12.推荐jquery仿淘宝网商品排行榜展示切换效果,适合电子商务网站使用 13.一款jQuery黑金钢动感Tab选项卡代码 14.站长推荐jQuery动画翻转选项卡(flip风格) 3)表单...

    css入门笔记

    6、背景颜色 1.背景色 属性:background: 取值:颜色 2.背景图片 属性:background-image:url(); 取值:url() 3.背景图像平铺 属性:background-repeat 取值: 1.repeat 默认值,横向和纵向同时平铺 ...

    HTML+CSS布局

    为了便与观察,我们为div添加了背景颜色。下面我们来看看对这两个div定义的前面教程中没有的属性: 对box的属性:width: 30%;表示这个box div占页面宽度的30%,而浮动属性float: left; 则表示box div浮动在页面的...

    CSS导航条可自行修改

    这是几个关于CSS制作简洁导航的例子,一个简洁的CSS导航代码,可以随意改动.根据你自己设置的背景颜色变化标准W3C的

    bgcolor.link:曾经想链接到 HTML 或 CSS 颜色吗? 这个给你

    这是一个非常简单的网页,显示 HTML 或 CSS 颜色作为其背景。 链接到颜色 要链接到颜色,只需将{color}替换为 URL http://bgcolor.link/#{color}您选择的 HTML 或 CSS 颜色(排除十六进制颜色的哈希)。 一些例子: ...

    CSS让网页提交input按钮与众不同

    让我们先来看两个例子:1、把按钮的背景由灰色变成黄色,下面是代码:〈form method="POST"〉〈input type="button" value="按钮" name="B1" style="background-color: rgb(255,255,0)"〉〈/p〉〈/form〉“form”...

    myCss:基于 vuepress 搭建的教程类网站,内容以 css + demo 为主。目前主要为 css 揭秘 阅读笔记,30秒理解的 css 翻译

    通过 background-clip 修改背景裁剪位置,默认是 border-box。 border: 10px solid hsla(0, 0%, 100%, 0.5); background-clip: padding-box; 随书相关链接 规范 CSS 值与单位 CSS 文本装饰 CSS 文本(第四版) CSS ...

    20个CSS3动画实战案例开发

    进度条颜色跟随效果、07.?动态视频背景效果、08.?按键文字跳动效果、09.?弹跳小球效果、10. 3D翻折菜单导航效果、11. 3D圆环层叠动画效果、12.?水波浪球起伏效果、13.?遮罩透明滤镜文字效果、14.?阴阳无极八卦阵效果...

    jQuery HTML css()方法与css类实例详解

    本文实例讲述了jQuery HTML css()方法与css类。分享给大家供大家参考,具体如下: jQuery css() 方法 ...//只获取 了一个背景颜色 //获取多个 &lt;body&gt; 这是一个标题 这是一个段落。 &lt;p style="back

Global site tag (gtag.js) - Google Analytics