
正文
边框线能用图片css css怎样设置边框线的长度
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css能用图片自定义边框
边框是border:1px
solid
#ccc;不能用图片当做边框
除非你把它切成背景,然后背景图上面再套其他的图片或文字
相关问答
Q1: 急!!求高手指点,在CSS中边框怎么用图片来修饰?
思路是1、做上中下三个层;在htm文件里写2、在css文件里写:#1 { background:url(img/1.jpg) no-repeat; width:500px; height:2px; } “这里是指宽500像素、高2px的图片1.jpg做层背景,显示成上边框,你也可以做高一点”#2 { background:url(img/2.jpg) repeat-y; width:500px; } "这里是指宽500像素、不定高的层,背景图片2.jpg沿y轴方向平铺"#3 同理#13、还要注意ie6、ie7、ie8、火狐浏览器等等的兼容性问题。
Q2: 请问css 如何用图片做表单的边框?
不如直接用HTML5+CSS3
1.确认HTML脚本文件第一行有
!DOCTYPE html
标记,这是浏览器识别HTML5版本的必要条件
2.如果该网页用于老式浏览器(低于IE9或Firefox4或Chrome25),需添加shiv脚本,在head部分添加
!--[if lt IE 9]script src=""/script![endif]--
!--[if lt IE 9]script src="
]--
3.创建你的元素(此处使用article标记),标记他的style样式(如例是一个带有圆角和阴影的亮蓝色元素)
HTML 5脚本
article
h1An Article/h1
/article
CSS 3脚本
article {
background: lightblue; padding: 5px; border-radius: 10px; margin-bottom: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}
Q3: CSS中能不能把border设置为一个图片呢?
在css2.0中,border是不能设置为一个图片的,可设置如下属性:
border-width:边框宽度
border-style:边框样式
border-color:边框颜色
在css2中可以设置为:
div{ border: 1px solid red; }
在css3.0中,border多出了一些属性,因此可以用图片去设置border,具体如下:
border-radius:设置圆角边框
box-shadow : 设置边框阴影
border-image : 设置图片边框
具体设置举例:
1、设置圆角
div
{
border:2px solid;
border-radius:25px;
}
2、设置阴影
div{ box-shadow: 10px 10px 5px #888888;}
3、设置图片边框
div
{
border-image:url(border.png) 30 30 round;
}
关于边框线能用图片css和css怎样设置边框线的长度的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。








