CSS实例程.pptVIP

常用的样式属性 要实现下图细边框的效果，该如何编写样式规则？ 文本框宽度为1px,边框样式为solid 使用border-width和border-style属性 * 柔匆跪色富言酸拣陵椅络焙案姐磷墙套郑尸臻暮我答稠证创编疡署宁坯瘦CSS实例教程CSS实例教程 常用的样式属性 STYLE type=text/css .textBorder{ border-width:1px; border-style:solid; } /STYLE …… FORM name=form1 method=post action= P名字： INPUT name=fname type=text class=textBorder /P P密码： INPUT name=pass type=password class=textBorder size=21/P /FORM …… 查看源代码 文本框为实线边框 边框宽度为1像素 看看没有设置样式的文本框的效果 * 桃血突犊穴妆孜侗狄颓履海瞳绢腮棺拳兄座斥译均梯盈丝瑶犯房侯沮粤条CSS实例教程CSS实例教程 常用的样式属性 特殊样式（超连接） a:link {color: #FF0000} /* 未被访问的链接 红色 */ a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */ a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */ a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */ STYLE type=text/css A { color: blue; text-decoration: none; } A:hover{ color: red; } /STYLE …… TR TDA href=#诺基亚/A | A href=#摩托罗拉/A/TD TDA href=#联想/A | A href=#戴尔/A/TD /TR…… 查看源代码 超链接文本的样式 鼠标在超链接上悬停时，超链接文本变为红色 如何编写此超链接样式？ * 哑丘速矾隶胚翱吉沟导锤柯窒及赏涎乘唇菠篓碘飘绦圾母库非献岸硬虎柠CSS实例教程CSS实例教程 常用的样式属性 要实现下图图片按钮的效果，该如何编写样式规则？ 按钮的边界、边框、填充值均为0px 使用background-image、 margin、 border、padding、height、width和font-size属性 按钮背景图像与按钮宽度、高度大小一样 字体大小14px 综合例子：制作图片按钮 * 氦侵涪背艇肚朔仕放逝敞坚室活逗檄焚舆斟涛覆脂号娱巧尊浆页挑葬痛蓖CSS实例教程CSS实例教程 常用的样式属性 查看源代码 .picButton{ background-image: url(images/back.jpg); border:0 px; margin: 0px; padding: 0px; height: 23px; width: 82px; font-size: 14px; } …… INPUT name=Rt1 type=reset class=picButton value= 重填 INPUT name=Bt1 type=submit class=picButton value= 提交 ……. 背景图像为images文件夹下的back.jpg 按钮的边界、边框、填充均为0像素 设定按钮宽度、高度和图片大小一样 设置按钮上的字体大小为14像素 * 唬供君奶什扶闯篮裳轰货惜歪证眩汀滴逊鹅镭砸赴怔惭萝钡掷放拱距蓖奢CSS实例教程CSS实例教程 样式表的三类应用方式 内嵌样式表 内嵌样式表使用格式如下： 行内（嵌入）样式表 外部样式表文件 HEAD STYLE type=text/css 样式规则 / STYLE /HEAD 如果希望本网页内的所有同类标签都采用统一样式，这时应采用内嵌样式。 * 帘宪讲搭崔翔授搓壬瞥仔膘惶座落剖幼烷肥痘牡辰派誊弊操运术迭紧帆颗CSS实例教程CSS实例教程 校郸煌丸节压培苯狄词立肢减颧家潮才烯厘篮冲灭趁疥虾势叼混玻推亦领CSS实例教程CSS实例教程 回顾 表单中提交数据的方法有那两种及其区别？ 创建一个登录界面需要哪些表单元素？ target属性取值可以为哪些及其含义？ * 泡府愈忧达戒默冰骑互意贝滁迸座廊会忌恫语抗壕闹基阻眩科诊取谗孕垃CSS实例教程C