文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
html入门培训 网站服务器软件  化妆品经典广告词  雅芳化妆品价格  avon化妆品 net 入门培训 房地产销售广告 化妆品广告词 网络工程师
您现在的位置: 学习网 > 网络编程语言 > Css > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
推荐文章让网页超链接拥有多姿多彩的下
推荐文章CSS 速成
普通文章实例教程CSS实现圆角的三种方法
普通文章css技巧之PDF、ZIP、DOC链接的
推荐文章控制网页文件大小通过精简CSS实
普通文章网站字体大小 CSS该重新改写?
普通文章斜角滑动门导航条(DIV+CSS)
普通文章在DW中使用CSS样式表来设置网页
普通文章CSS样式表层叠(cascade)处理
普通文章“画中画”效果---谈Iframe标记
 
频 道 推 荐
推荐文章CSS应用基础教程(3) 应用补充
推荐文章CSS应用基础教程(5) 文字性质
普通文章内嵌滚动条(windows UpDate风格
普通文章CSS应用基础教程(4) 颜色背景
普通文章CSS应用基础教程(2) 应用方式
推荐文章为打印输出创建一个CSS样式
普通文章CSS应用基础教程(6) 区块性质
普通文章在DW中使用CSS样式表来设置网页
普通文章巧用CSS制作可控闪烁效果
普通文章用CSS控制图片自适应大小的方法
推荐文章标准建站过程中注意CSS的兼容性
普通文章无延迟翻滚的图形与CSS混合风格
普通文章CSS hack浏览器兼容一览表
普通文章CSS初级教程-CSS结合JS的运用
普通文章根据时段自动切换网站的CSS风格
普通文章CSS对表格单元格强制换行和不换
普通文章css教程:CSS文件应该保持整洁和
普通文章css教程:选择合适的、有意义的
普通文章CSS盒模型制定网页的宽度和高度
普通文章关于CSS控制DIV水平居中问题
 
频 道 推 广
 
CSS边框的设定方法       ★★★
CSS边框的设定方法
作者:佚名 文章来源:本站整理 更新时间:2008-10-30 21:39:21
在HTML中对于边框的设定,在文字方面好象没有较详细的设定..
至于图形方面,<img>卷标提供了hspace,vspace,border等项目来设定边框...
CSS对边框的延伸规格有较详细的设定...
不管是文字或者图形都可使用边框来显示...
以图形为列,一张在网页上显示的图形..
边框的性质有3个,就像一张图档周围还有3个框....
由内至外分别是padding,border-width,margin...
这3个框右分别有上、下、左、右,四个性质可设定它的大小...
共12种性质如下:
padding
padding-top:2px
padding-right
padding-bottom
padding-left

border-width
border-top-width
border-right-width
border-botton-width
border-left-width

margin
margin-top
margin-right
margin-botton
margin-left

可以针对一个性质作设定也可以同时,如:
padding:2px,1px,2px,1px 依序是 上、右、下、左
或者单一,如 padding-top:2px

至于边框的形式与颜色,可以针对形式border-style来设定...
一样有上、右、下、左,四个性质:

border-top-style
border-right-style
border-botton-style
border-left-style

性质的内容可设定为:
solid:实线
double:双直线
groove:3D凹线
ridge:3D凸线
inset:3D崁入线
outset:3D隆起线

边框颜色border-color的设定:
一样有上、右、下、左,四个性质:

border-top-color
border-right-color
border-botton-color
border-left-color

颜色设定跟字体的设定一样.....
................................
关于以上的设定,如果其中一个性值的设定,如:

border-style:solid,double

我只设定的上、右的边框,则缺少的边框会自动已相对的边框来设并..
所以结果会相当于:

border-style:solid,double,solid,double
...........................................
在实际运用上,举个例:

<html>
<head>
<meta content="text/html; charset=big5" http-equiv=Content-Type>
<title>&l

[1] [2] 下一页

 
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 入门教程之实用技巧
    Dreamweaver MX 2004 入门教程之超级连接
    Dreamweaver MX 2004 内建Fireworks技术
    Dreamweaver MX 2004 CSS概述
    Dreamweaver MX 2004 CSS背景属性
    Dreamweaver MX 2004 CSS区块属性
    Dreamweaver MX 2004 CSS方框属性
    Dreamweaver MX 2004 CSS边框属性
    Dreamweaver MX 2004 CSS列表属性
    Dreamweaver MX 2004 CSS定位属性
    Dreamweaver MX 2004 CSS扩展属性
    Dreamweaver MX 2004 CSS滤镜介绍(1)
    Dreamweaver MX 2004 CSS滤镜介绍(2)
    去除 Dreamweaver MX 2004 表格宽度辅助
    Fw与Dw结合:看实例学切片
    细品DW MX 2004内建FW技术
    鼠标事件的基础和完美实现
    用Dreamweaver制作动态链接的Flash按钮
    携手打造【鹏程114 Web查询系统】第三讲
    网页设计:一种细腻的导航效果的制作方法
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服

    点击这里给我发消息

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号