一个 有关 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中。
分享到:
相关推荐
博文链接:https://qmug.iteye.com/blog/219181
这个小例子讲解了在不同浏览器下用css为元素做渐变背景的方法,希望能够对大家有所帮助。
CSS的作用就是用来美化网页的内容或者结构层次。这我们都知道,不是吗?随着CSS技术的不断革新升级,我们获得了更多的控制样式的能力
本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景. 本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。 参考软件开发网关于CSS背景的理论知识:CSS...
第一章 CSS简介 第二章 CSS入门例子 第三章 CSS语法 第四章 CSS颜色 第五章 CSS背景 第六章 CSS文本 第七章 CSS字体 第八章 CSS边框 第九章 CSS边外补白 第十章 CSS边内补白 第十一章 CSS属性索引
CSS3之前渐变色图片只能用背景图片 CSS3的渐变色语法可以让我们省去下载图片的开销 并且在改变浏览器分辨率时有更好的效果 颜色值RGBA 我们熟悉的rgb颜色标准,是由r(red)、g(green)、b(blue)三种颜色叠加变化...
网页制作时,对统一元素,应用不同的背景,会出现什么情况? 思考 background-color:pink; background-color:blue; background-color:red; 【结论】 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就...
CSS 高 级 特 性 CSS高级特性 所谓层叠性是指多种CSS样式...为了体验CSS优先级,首先来看一个具体的例子,其CSS样式代码如下: p{ color:red;} /*标记样式*/ .blue{ color:green;} /*class样式*/ #header{ color:blue;}
实用jquery标签Tab插件下载可切换不同的颜色 12.推荐jquery仿淘宝网商品排行榜展示切换效果,适合电子商务网站使用 13.一款jQuery黑金钢动感Tab选项卡代码 14.站长推荐jQuery动画翻转选项卡(flip风格) 3)表单...
6、背景颜色 1.背景色 属性:background: 取值:颜色 2.背景图片 属性:background-image:url(); 取值:url() 3.背景图像平铺 属性:background-repeat 取值: 1.repeat 默认值,横向和纵向同时平铺 ...
为了便与观察,我们为div添加了背景颜色。下面我们来看看对这两个div定义的前面教程中没有的属性: 对box的属性:width: 30%;表示这个box div占页面宽度的30%,而浮动属性float: left; 则表示box div浮动在页面的...
这是几个关于CSS制作简洁导航的例子,一个简洁的CSS导航代码,可以随意改动.根据你自己设置的背景颜色变化标准W3C的
这是一个非常简单的网页,显示 HTML 或 CSS 颜色作为其背景。 链接到颜色 要链接到颜色,只需将{color}替换为 URL http://bgcolor.link/#{color}您选择的 HTML 或 CSS 颜色(排除十六进制颜色的哈希)。 一些例子: ...
让我们先来看两个例子:1、把按钮的背景由灰色变成黄色,下面是代码:〈form method="POST"〉〈input type="button" value="按钮" name="B1" style="background-color: rgb(255,255,0)"〉〈/p〉〈/form〉“form”...
通过 background-clip 修改背景裁剪位置,默认是 border-box。 border: 10px solid hsla(0, 0%, 100%, 0.5); background-clip: padding-box; 随书相关链接 规范 CSS 值与单位 CSS 文本装饰 CSS 文本(第四版) CSS ...
进度条颜色跟随效果、07.?动态视频背景效果、08.?按键文字跳动效果、09.?弹跳小球效果、10. 3D翻折菜单导航效果、11. 3D圆环层叠动画效果、12.?水波浪球起伏效果、13.?遮罩透明滤镜文字效果、14.?阴阳无极八卦阵效果...
本文实例讲述了jQuery HTML css()方法与css类。分享给大家供大家参考,具体如下: jQuery css() 方法 ...//只获取 了一个背景颜色 //获取多个 <body> 这是一个标题 这是一个段落。 <p style="back