前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

在网站制作中合理应用网站边框的样式属性!

本文素材来自于网络,若与实际情况不相符或存在侵权行为,请联系删除。

在搭建公司网站时,会用到一些边框,无论是表格还是div。布局时,边框可以作为分割线,对内容进行对比或偏移。更明显。使用边框实际上非常简单。一是边框的粗细,二是边框的颜色。您可以设置本地和常规设置,也可以单独设置上下左右四个方向的边框。 CSS中有一个关于颜色的属性:border-color,它一次最多可以接受4个颜色值。



边框颜色值:[<颜色>|透明]{1,4} |继承初始值:未定义速记属性计算值:单个属性(border-top-color,top-border-color)

如果网页设计的边界值少于 4 个,则值复制有效。如果设计者希望H1元素有细的黑色上下边框和粗的灰色左右边框,CSS样式应该这样写:

h1 { 边框样式:实心;边框宽度:细;边框颜色:黑灰色;}

当然,所有 4 个页面都会应用一个颜色值,如果应用 4 个颜色值,那么每个页面都会有不同的颜色。可以使用任何类型的颜色值,例如它可以是命名颜色,或十六进制和 RGB 值:

p {

边框样式:实心;边框宽度:粗;

边框颜色: blackrgb(25%, 25%, 25%) # 808080 银色;}

您还可以使用快捷方式一次定义多个边界,例如为特定段落设置 P:

P {

border:#cecece1pxsolid;//四个边框均为灰色1px

}

还有一些单页边框颜色属性。原理与单页样式和宽度属性相同。网站构建者必须为标题指定纯黑色边框,正确的边框是纯灰色边框。这可以指定如下:

P { 边框样式:实心;边框颜色:黑色;右边框颜色:灰色;}

边界四个方向对应的属性名称:

上边框上颜色、右边框右颜色、下边框下颜色、左边框左颜色



透明边框的使用:在某些情况下,网站作者想要创建不可见的边框。这使得边框颜色值透明(在 CSS2 中引入)。该值用于创建不可见的宽度边框。假设您希望一组 3 个链接具有边框。默认情况下,这些边框是不可见的,但当鼠标悬停在链接上时,边框应升起。您可以通过在链接未悬停时使边框透明来实现此目的:

a:链接,a:访问{

边框样式:实心;边框宽度:5px;边框颜色:透明;}

a:悬停{边框颜色:灰色;}

使用透明时,边框的使用可充当额外的填充,还有一个额外的好处,即在需要时使其可见。此透明边框充当填充,因为元素的背景延伸到边框区域(假设它是可见背景)。

注意:IE7之前,IE/Win不支持透明。在以前的版本中,IE 会根据元素的颜色值设置边框颜色。


免责声明:以上内容资料均来源于网络,本文作者无意针对,影射任何现实国家,政体,组织,种族,个人。相关数据,理论考证于网络资料,以上内容并不代表本文作者赞同文章中的律法,规则,观点,行为以及对相关资料的真实性负责。本文作者就以上或相关所产生的任何问题概不负责,亦不承担任何直接与间接的法律责任。


文章内容如涉及作品内容、版权图片,侵权,谣言或其它问题请联系删除。最后,大家对于这个事件有什么不同的想法,欢迎评论区留言讨论

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言