落伍者站长论坛's Archiver

Berlu 发表于 2008-7-6 09:55

【DIV+CSS】如何加细细的边框

看这个图
想在周围加上细细的边框 怎么弄  想左边截的那部分一样  另外:怎么改边框的颜色 请高手帮解决 谢谢

--谢谢 驴云和 chinawui :)

[[i] 本帖最后由 Berlu 于 2008-7-6 10:59 编辑 [/i]]

驴云 发表于 2008-7-6 10:14

<html>
<head>
<title>边框颜色属性 border-color</title>
<style type="text/css">
.d1 {border-color:#FFA500;border-style:solid;}
.d2 {border:1px solid #33CC00;}
.d3 {;border-color:#6600FF;border-style:solid;}
.d4 {border-color:#FF6347;border-style:solid;}
.d5 {border-color:gray;border-style:solid;}
</style>
</head>
<body>
<div class= "d1">这个div的CSS边框颜色(border-color)属性值是橙色。</div>
<br>
<div class= "d2">这个div的CSS边框颜色(border-color)属性值是绿色。</div>
<br>
<div class= "d3">这个div的CSS边框颜色(border-color)属性值是蓝色。</div>
<br>
<div class= "d4">这个div的CSS边框颜色(border-color)属性值是番茄红。</div>
<br>
<div class= "d5">这个div的CSS边框颜色(border-color)属性值是灰色。</div>
<br>
</body>
</html>

把上面的代码复制到 下面页面的 左边的框里 然后 点 编辑文本后点击显示结果 你就明白了
[url]http://www.admin5.com/html/css_examples/022_css_border_color.html[/url]

Berlu 发表于 2008-7-6 10:35

已经弄好了 :)
[attach]26933[/attach]

但问题又来了: 如何使边框变得园滑?

效果同:[attach]26934[/attach]

chinawui 发表于 2008-7-6 10:36

左边那截图 边框好实现 边框拐角的圆角就不太好实现了哦

1、 用图片代替
2、 CSS 实现 参考代码:

[url]http://www.52css.com/article.asp?id=428[/url]

迷茫着彷徨 发表于 2008-7-6 13:05

驴云真是个好同志啊!

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.