css 用图片做圆角边框

有哪位高人能帮帮忙,谢谢了,

第1个回答  2012-01-12

<div class="border-top"></div>

<!--上边框设置背景。图片就是圆角框上边部分。高度5像素够了-->

<div class="box"></div>

<!--内容区。设置左右边框。-->

<div class="border_bottom"></div>

><!--下边框设置背景。图片就是圆角框下边部分。高度5像素够了-->

**3个div宽度一样。样式自己写。

第2个回答  2012-01-12
html5里貌似支持这个
html4的话需要自己设计边框线 然后互相切追问

高人,能帮忙做做吗,

追答

听说过。做不来....

追问

还是谢谢,

本回答被提问者采纳

如何用CSS为图片添加精美圆角外边框
首先根据实现图片的大小制作一个圆角边框。打开PS,新建一空白文档,文档的大小根据需要情况来定,在此小编将其设置为400*400,设置完成后点击”好“按钮。选择工具栏上的”矩形“工具,在属性面板中将其半径设置为”20像素“,然后在绘图区绘制一个圆角矩形。在该图层的空白区域右击,选择”栅格化图层“,...

如何使用Css实现圆角边框的效果
你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。比如,下面是一个div方框:现在设置它的圆角半径为15px:border-radius: 15px;这条语句同时将每个圆角的"水平半径"(horizontal radius)和"垂直半径"(vertical radius)都设置为15px。border-radius可以...

如何使用css让图片显示圆角
CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。代码实例:border-radius: 15px;1、把下列代码添加进入你的标签内 2、清空缓存,看看效果吧(部分IE版本可能不支持...

css 如何用图片改变表单边框的样式(圆角边框,有阴影)
文本框用input, .txtnput{float: left;width:126px; height:27px;background:url(图片路劲);border:none;} 高度和宽度是你效果图中你需要的那种文本框的大小,背景图片也是你需要的那种框。按钮也是一样的实现。

divcss圆角边框怎么设置
1、css圆角实现的方式有很多种,最简单最方便的是使用border-radius属性。或者使用圆角图片。2、border-radius后面直接接数值。例如border-radius:5px;详细参考:.cn\/cssref\/pr_border-radius.asp 3、图片圆角就是事先切除圆角图片,可以制作定高,或者定宽的div。4、使用border-radius的优点是无序添加...

【css灵感】渐变圆角边框
其余部分被隐藏。你可以利用clip-path: inset()来实现对元素进行内凹的裁剪,从而呈现出带圆角的边框效果。通过巧妙地运用这两个属性,设计师可以实现非传统的边框设计,使网页或应用的视觉效果更加生动和吸引人。这种组合使用的方法,为CSS设计提供了丰富的创意空间,为用户带来独特的视觉体验。

网页实现圆角边框栏目的代码(背景图片为一张大图)div高度不确定。 在线...
其他两个圆角类推吧 这里放内容的 这样子兼容就没问题了,内容也不必在乎多少,高度不用设置,用css的方法的话跟第一种用图片的方法差不多,只是利用的是边框 放内容的

css+div 用图片做圆角边框
b d1 k"> 圆角示范 以上是最简单的方法 try~~~

边框的内圆角css怎么写
border-radius:15px;这个是圆角样式,你说的是绿色中间凹进去那部分?1、图片 2、另外叠加一个层,做定位 这个图99%是图片

CSS实现渐变圆角边框
方案一:使用border-image结合clip-path。这种方法的优势在于内容背景可以保持透明状态。方案二:使用background-image和background-clip。然而,这种方法的缺点在于可能需要进行额外的调整,以确保渐变效果与圆角边框的完美融合。方案三:结合border-image和overflow: hidden。这种方法的缺点在于需要额外嵌套一个父...

相似回答
大家正在搜