基于CSS样式的网页表格的美化_论文

发布于:2021-11-28 21:44:16

维普资讯 http://www.cqvip.com 技 术 与 方 法  T CH QU   D MET OD E NI E AN   H   团 黑黑  第1N  V卷6 o O 1第期 1 6   . . 5 5 文 章编 号 :1 0 —4 1( 0 6 60 5 .2 0 58 5 2 0 )0 . 0 00   基于 C S S 样式 的网页表格 的美化  郑  蓉 , 冯  霞  ( 杭州职 业技 术 学院  信 息电子工程 系,杭州  3 o l ) l 0 8  摘 要:CS C saigSyeS et)它是一 种制作 网 页的新技 术 。与传统的 hml 言相比 ,CS 技  S( ac dn  tl h es t 语 S 术为 网页设计提供 了更丰 富、更美观 的表现 方 式。 结合 几个 实例详 细介 绍如何 利 用CS S来美化 网页表格 , 使  得 网 页增 光 添 彩 , 从 而 能 够 吸 引 更 多的 浏 览 者 。   关 键 词 : C S 式 ;表 格 ; 网 页 设 计 ;滤 镜  S 样 中 图 分 类 号 :T 3 3 P 9  文 献 标 识 码 :A  M a i g t l  f b a ebe u i c tz to   a e   n CS   kn   ab eo we p g   a tf a ia i n b s d o   S i ZHENGRo g F n , ENG Xi  a (h D pr n o Ifr t nadEet nE gneigo H ghuV ct nl dTcncl ol e T e eat t fnomao   me i n l r ni r co e n f a zo oai aa eh i C lg   n o n a e Ht ̄ o 10 8 C ia l n u30 1, hn)   Abt c: S ( acd g tlS et w s nwt h o g f k g epg. S poie moeb nat d eu fl s atC S C sai Sy he ) a a e e n l yomai w baeC S rv d raudna batu  r n e s c o n d n i wa so r p e e t g f r b a ed s n c mp rn ot dto a Hy e tx M ak pL g a e I wa n r d c dh w t  y f e r s n i   o we p g e i , o ai gt r i n n g a i l p re t ru n a u g . t sito u e o o ma eu eO CS oms et etb e e u f l k s f St k h a l b af u _ i   Ke ywo d : sa igS l h es tbe wep g ein  r s Cacdn t eS et;a l; b a edsg ; y 表 格在 网页设 计 中常常 用于 定位 ,是 网页 排版  式 ”弹 出如 图 1 所示 的对话框 ,参 数设置 亦如 图 1 所  的 主要手 段 ,尤其 是在 大 型网站 的设 计 中 ,表 格 的  作 用非 常突 出 ,灵活运 用表 格技 巧 可以 为制 作 的 网  页 增色不 少 ,而 利 用传统 的 hml t 技术 很难 做 出漂 亮  的网页 ,本文 结合 “ 叠样式表 ”CS ( a c dn   层 S C sa ig Sye S e t ) t l h es ,样式 技术 详细 介绍 几种 特效 表格 的    制作方法。   标簦:衄 {   vi   示 ( 当然标 签 tbe也可 以改 成 t ) al d ,点击 “ 确定 ”  。 类型: 自 目定义样式 [ o 犍 du= 瞧  )) 0 重定义H 春 簦 唾  眦 ) o 使用cs s选择器 )   定义在 : o 晰 建样式衰文件)   [  [  1 实 例  11 象素 边框 的表 格制 作  . 用过 d e mwe v r ra a e 的读者 知道 ,利 用此软 件做  0 仅对该文挡  图 1 新 建 C S 式对 话框   S样 的表 格 的边框 比较 粗 ( 尽管边 框 已经设 定为 1 ,样  ) 子 也 比较粗 糙 ,而 很 多 网页常 采用 细线 边框 的表 格  来 美化 ,用 CS S样 式 表 可以 灵 活的 实现 这 一技 术 。   框 值 就可 以 了。具 体 方 法如 下 :   第1 步:首先 用 D emwev r ra a e 插入一 个 l l x 表格 ,   第 3 :第 2 “ 步 步 确定 ”后将 出现 “ be C S t l的 S  a 样式定 义”对 话框 ,在 “ 类”里 选择 “ 分 边框 ” ,然  后设 置边 框 的样 式 、宽 度和 颜 色 ( 即表 格 的边 框样  ( 当然 读 者 也 可 以根 据 自己 的喜 好进 行 更 改 )  。 如果 要制作一 个 l l lx 格只要 简单 定义一 下边  式 、边框宽 带 、边框 的颜色 ) x 的 p表 ,具 体参数 如 图 2所示  第 4步 :第 3步 “ 定 ” 后 ,就得 到 最终 的 效  确 宽 度为 3 0 x 0 p ,并 在属性面 板里设 置表格 的填充 、间  果 图 ( 图 3所 示 )  如 。 距 、边框值 都 为 0   。 通过 以上两 副 图的 比较 可以 发现利 用 C S 式  S 样 第 2步 :然 后在 C S面板 中选择 “ 建 C S样  做 出的边 框效 果 比较精 致 ,而采 用传 统 的做 法做 出 S 新 S   收稿 日期 :20 —ll  060 —7 来 的 表 格 边 框 效

相关推荐

最新更新

猜你喜欢