本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
在javascript中,可以使用“css()”方法添加双实线,语法格式为“$("元素名称").css("border","宽度 颜色 double")”。“css()”方法设置或返回被选元素的一个或多个样式属性。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
一般是 $(选择器).css("border","宽度 颜色 线类型");
css() 方法设置或返回被选元素的一个或多个样式属性。
设置 CSS 属性
如需设置指定的 CSS 属性,请使用如下语法:
1 | css( "propertyname" , "value" );
|
实例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html>
< html >
< head >
< script src = "/jquery/jquery-1.11.1.min.js" ></ script >
< script >
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color","yellow");
});
});
</ script >
</ head >
< body >
< h2 >这是标题</ h2 >
< p style = "background-color:#ff0000" >这是一个段落。</ p >
< p style = "background-color:#00ff00" >这是一个段落。</ p >
< p style = "background-color:#0000ff" >这是一个段落。</ p >
< p >这是一个段落。</ p >
< button >设置 p 元素的背景色</ button >
</ body >
</ html >
|
效果:
线类型:none(无边框线)、 dotted(由点组成的虚线)、 dashed(由短线组成的虚线)、 solid(实线)、 double(双线,双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度)、 groove(3D沟槽状的边框)、 ridge(3D脊状的边框)、 inset(3D内嵌边框,颜色较深)、 outset(3D外嵌边框,颜色较浅)
扩展资料:
返回 CSS 属性
如需返回指定的 CSS 属性的值,请使用如下语法:
实例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
< html >
< head >
< script src = "/jquery/jquery-1.11.1.min.js" ></ script >
< script >
$(document).ready(function(){
$("button").click(function(){
alert("Background color = " + $("p").css("background-color"));
});
});
</ script >
</ head >
< body >
< h2 >这是标题</ h2 >
< p style = "background-color:#ff0000" >这是一个段落。</ p >
< p style = "background-color:#00ff00" >这是一个段落。</ p >
< p style = "background-color:#0000ff" >这是一个段落。</ p >
< button >返回 p 元素的背景色</ button >
</ body >
</ html >
|
效果:
【推荐学习:javascript高级教程】
以上就是javascript怎么添加双实线的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
js动态添加带圆圈序号列表方法的精讲
javascript怎么将字符串转为对象
javascript怎么去除字符串首尾空格
javascript如何在object中删除属性
10个使用console进行javascript调试的高级技巧
javascript介绍前端安全知多少
用什么软件写javascript代码
使用webpack构建多页应用的代码示例
javascript中的栈、队列操作
深入解析javascript中的作用域
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript怎么添加双实线