对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 网站建设 >

使用border设置对象的边框属性

时间:2009-12-29 00:07来源:未知 作者:黑虎物质 点击:
今天下午看到了一篇关于border属性设置边框的文章,感觉很好很实用,所以就写在了下面: 使用border设置对象的边框属性: 名称: border 分类: 边框 简述: 设置对象边框属性 概述:
  

今天下午看到了一篇关于border属性设置边框的文章,感觉很好很实用,所以就写在了下面:

使用border设置对象的边框属性:

  • 名称:border
    分类:边框
    简述:设置对象边框属性
    概述:border 是设置对象边框综合属性的样式(Style)。包括border-width(宽度,即粗细程度)border-style(样式,即实线虚线等)border-color(颜色)。一个对象的border有上下左右四部分,设置border即可同时定义这四部分的属性。
  •  
  • border详细说明

  • 语法:

    border : border-width | border-style | border-color

    取值:

    该属性是复合属性。请参阅各参数对应的属性
    默认值为: medium none 。 border-color 的默认值将采用文本颜色

      例1:
      代码:<div style="border: 2px solid red; width: 300px; height: 100px;">www.panpan.org</div>
      显示效果:
      www.panpan.org
      例2:
      代码:<div style="border: 2px dotted green; width: 300px; height: 100px;">www.panpan.org</div>
      显示效果:
      www.panpan.org
      例3:
      代码:<div style="border:5px groove blue; width:300px; height:100px;">www.panpan.org</span>
      显示效果:
      www.panpan.org
      例4:
      代码:<div style="border: 5px groove blue; width: 300px; height: 100px; border-top:1px inset orange">www.panpan.org</div>
      显示效果:
      www.panpan.org
      例5:
      代码:<div style="border: 5px groove blue; width: 300px; height: 100px; border-top:4px ridge orange; border-bottom:none">www.panpan.org</div>
      显示效果:
      www.panpan.org
      说明:
      如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
      此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
      在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。


      好了,关于border就说这些,还有不明白的朋友可以联系QQ讨论。
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八