首页 >>  正文

网页制作修改css样式

来源:baiyundou.net   日期:2024-08-08

在建企业网站的时候,会用到一些边框,无论是表格或是div,布局的时候边框可以做为一个分界线,让内容对比或衬托更加明显。边框的使用其实也很简单,一个是边框的粗细,另一个是边框的颜色。可以对局部整体设置,也可以单独设置上下左右四个方向的边框。在CSS中有一个关于颜色的属性:border-color,它一次可以接受最多4个颜色值。

border-color值:[<color>|transparent]{1,4} | inherit   初始值:对简写属性未定义计算值:单个属性(border-top-color,顶部边框颜色)

如果网页设计的边框值小于4个,值复制就会起作用。如果设计人员希望h1元素有细的黑色上下边框,而且有粗的灰色左右边框,在CSS样式中应该这样写:

h1{border-style:solid;border-width:thin thick;border-color:black gray;}

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

p{\n    border-style:solid;border-width:thick;\n    border-color:black rgb(25%,25%,25%)#808080 silver;}

也可以使用简写的方式一次性定义多个边框,比如对某一个段落P进行设置:

P{\n    border:#cecece 1px solid; //四个边框均为灰色1px\n}

还有一些单边border-color属性。其原理与单边样式和宽度属性相同。网站建设人员要为标题指定一个实线黑色边框,而且右边框为实线灰色,可以如下指定:

P{border-style:solid;border-color:black;border-right-color:gray;}

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

顶部border-top-color、右侧border-right-color、底部border-bottom-color、 左侧border-left-color

透明边框的使用:
在有些情况下网页制作人员可能想创建一个不可见的边框。这就引人了边框颜色值transparent(在CSS2中引入)。这个值用于创建有宽度的不可见边框。假设你希望包含3个链接的一组链接有边框,默认地这些边框不可见,不过,鼠标停留在链接上时边框要凸起。为此可以让边框在链接处于非悬停状态下透明:

a:link, a:visited {\n    border-style: solid; border-width: 5px; border-color: transparent;}\na:hover {border-color: gray;}

利用transparent,使用边框就像是额外的内边距一样,此外还有一个好处,就是能在你需要的时候使其可见。这种透明边框相当于内边距,因为元素的背景会延伸到边框区(假设有可见的背景)。

警告:在IE7之前,IE/Win没有提供对transparent的支持。在以前的版本中,IE会根据元素的color值来设置边框颜色。

","gnid":"9d6c00df9a918bf7a","img_data":[{"flag":2,"img":[{"desc":"","height":"520","title":"","url":"https://p0.ssl.img.360kuai.com/t01d4d9d53f7fd259b4.jpg","width":"850"},{"desc":"","height":"520","title":"","url":"https://p0.ssl.img.360kuai.com/t015ae856bcb503cbcd.jpg","width":"850"}]}],"original":0,"pat":"art_src_0,sexf,sex4,sexc,fts0,sts0","powerby":"pika","pub_time":1697936940000,"pure":"","rawurl":"http://zm.news.so.com/8285fe57e30f0b5073ccc1eb3ef615de","redirect":0,"rptid":"b035694a61091705","rss_ext":[],"s":"t","src":"三七一网络","tag":[],"title":"在网页制作中合理应用网页边框的样式属性

宓思关1648怎么在网页html页面中调用css样式文件问题 -
扶蝶屠17512097313 ______ 这是关于怎么在网页html页面中调用css样式文件问题,详细调用方法如下:1、直接在html页面中使用style属性<td style="height:30px;">hello</td> 这种方法可以灵活的将样式应用于各个标签中,方便代码的编写.缺点是没有整篇文件的“统一...

宓思关1648急急!!怎样使用CSS样式
扶蝶屠17512097313 ______ 当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式. 1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用标...

宓思关1648请问怎样转换CSS样式
扶蝶屠17512097313 ______ 楼主说的应该是更换网页皮肤吧.关键代码在这里: <link href="style_change/black/sty_black.css" rel="stylesheet" type="text/css" id="ch_css" /> 点击某个按钮的时候,用JS获取<link>标签的id,即获取这个<link>对象,然后通过JS更换href链接到另一个CSS样式表,达到换肤的目的.

宓思关1648网站html 怎样修改css样式 -
扶蝶屠17512097313 ______ 你是要准备怎么修改了? css是样式修饰,html是结构, 如果修改的话,直接修改css文件就好了, 希望能帮到你,(易行善意)

宓思关1648怎么快速的做好css样式
扶蝶屠17512097313 ______ 首先掌握选择器,找准需要样式的元素,然后找对属性,设置值就行了.

宓思关1648用别人的模板后怎么再进行css修改呢? -
扶蝶屠17512097313 ______ 如何修改CSS文件:登录后进入设置-模板设置-自定义模板,这时就会跳出一个窗口,出现可编辑的CSS代码文件.但是,这并不是你自己当前使用的模板的代码,而是一个百度默认模板的代码,这个是无法选择的,百度目前只能提供这一种模...

宓思关1648关于css网页制作
扶蝶屠17512097313 ______ 如果是链接外部CSS文件的话就是在head中找到<link href="路径或者URL" type="text/css" rel="stylesheet"> 如果是在本页上写就是在head里的<style></sytle>标签对里 如果是行内式就是在html标签中style="css代码" 比如<div style="..."></div>

宓思关1648做网页的如何简化css样式阿?感觉自己写的一堆一堆的想找些技巧简化些.
扶蝶屠17512097313 ______ 先从大局上,提取公用的样式,一个网站,肯定许多风格都是相似的,菜单,导航什么的 然后把CSS分成几个文件,比如一个版块几个文件共用一个css,另一个版块加载另一个css,这样会简化一个css文件的内容

宓思关1648急!!!!怎么改CSS样式???
扶蝶屠17512097313 ______ .red-top-right a{ margin-right:12px;}改成左间距 .red-top-right a{ margin-left:12px;}

宓思关1648编写一个网页的css有哪些需要注意设置的全局样式? -
扶蝶屠17512097313 ______ 编写一个网页的css需要注意设置的全局样式,一般来的有元素之间的间隔,如margin、padding,还有ul,li的一些默认样式,编号的样式都是去掉,然后还有a标签的下划线等等属性,都需要去掉的,还有一些字体大小,颜色等等也需要设置的,这里我用代码写下: *{margin:0; padding:0;} a{color:#333; text-decoration: none;} ul,li{ list-style-type:none;} body{font-size:12px; color:f00;} 一般需要设置的全局属性也就这些.

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024