我们共同的家请问怎么用CSS让表格的拐角处变的圆滑

河南新华电脑学院社团在线奇点WEB工作室请问怎么用CSS让表格的拐角处变的圆滑

本主题被查看910次, 共6个帖子, 1页, 当前为第1页选择页数: 1 跳转到第页上一主题下一主题

清风朗月

浪子天涯

注册会员

UID: 195
来自:
精华: 0
积分: 194
帖子: 162
注册: 2007-9-19 22:06:02
状态: 离线
威望: 32.04
金钱: 6.45 元

发短消息用户资料树型回复引用

只看楼主 2007-09-27 18:16

请问怎么用CSS让表格的拐角处变的圆滑

css3中多了个属性：border-radius,但现在浏览器还不完全支持,只能模拟一下,建议圆角还是用图片来做吧
<style> .curved { background: transparent; width:40%; } .curved h1, .curved p { margin:0 10px; } .curved h1 { font-size:2em; color:#fff; } .curved p { padding-bottom:0.5em; } .curved .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#fff; font-size:1px; } .curved .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 4px; height:2px; font-size:1px; } .curved .b3 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 3px; font-size:1px; } .curved .b4 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff; margin:0; height:1px; border-width:0 3px 0 3px; font-size:1px; } .curved .boxcontent { display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px; }
</style> <div class="curved"> <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> <div class="boxcontent"> <h1>例子一</h1> <p>用CSS定义圆角</p> </div> <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b> </div>

路漫漫其修远兮，吾将上下而求索！

#1

清风朗月

浪子天涯

注册会员

UID: 195
来自:
精华: 0
积分: 194
帖子: 162
注册: 2007-9-19 22:06:02
状态: 离线
威望: 32.04
金钱: 6.45 元

发短消息用户资料树型回复引用

只看楼主 2007-09-27 18:18

怎样让层有半透明的效果？

路漫漫其修远兮，吾将上下而求索！

#2

清风朗月

浪子天涯

注册会员

UID: 195
来自:
精华: 0
积分: 194
帖子: 162
注册: 2007-9-19 22:06:02
状态: 离线
威望: 32.04
金钱: 6.45 元

发短消息用户资料树型回复引用

只看楼主 2007-09-27 18:20

关于飘动的图片怎么能放在FLASH的前面啊？

在flash代码中加上<

ARAM NAME="WMode" VALUE="Transparent">

路漫漫其修远兮，吾将上下而求索！

#3

清风朗月

浪子天涯

注册会员

UID: 195
来自:
精华: 0
积分: 194
帖子: 162
注册: 2007-9-19 22:06:02
状态: 离线
威望: 32.04
金钱: 6.45 元

发短消息用户资料树型回复引用

只看楼主 2007-09-27 18:24

使用CSS设置段落首字下沉

我们在使用Word制作文档，或者观看某些报刊杂志时，总会看到段落的首字下沉的效果。那我们在使用ＤＷ制作网页时，是否也能做出这样的效果呢？答案是肯定的。
　　制作方法：
　　定义ＣＳＳ样式，代码如下：
.first {FONT-WEIGHT: bolder; FONT-SIZE: 230%; FLOAT: left; COLOR: #990000; LINE-HEIGHT: 1.3em; background-color: #E4E4E4}
　　代码介绍如下：
　　Font-weight:bolder　定义字体的粗细，我们这里设置成特粗；
　　Font-size:230%　定义字体的大小；
　　Float:left　定义字体的浮动方式，这里设置左对齐；
　　Color:#990000:　定义字体的颜色值；
　　Line-height:　定义字体的行高；
　　Background-color:　定义字体的背景颜色。
　　你也可以使用ＤＷ定义ＣＳＳ的方法，一一进行设置。
　　至此，我们的效果便制作好了，你不仿试试！

路漫漫其修远兮，吾将上下而求索！

#4