
<style>.box { border-bottom: 15px solid yellow border-bottom-style: double
}</style>
或者也可以直接在HTML元素的style属性中进行设置,如:
<div style="border-bottom: 15px solid yellowborder-bottom-style: double">这是一个盒子</div>
在这种情况下,border-bottom属性用于设置下边框的宽度和颜色,border-bottom-style属性用于设置下边框的样式,double值表示双实线。
注意:这里的颜色值可以是颜色名称(如yellow),也可以是十六进制颜色值(如#FFFF00)或RGB颜色值(如rgb(255, 255, 0))。
1、 点击 DW 软件,进入界面点击左上角“文件”2、点击“新建”
3、点击“HTML”然后再点击“创建”
4、点击“CSS”然后再点击“创建”
5、点击“JavaScript”然后再点击“创建”
6、添加第四步创建的CSS。
7、在<body>之间写HTML元素。
8、在HTML元素后添加第五步的JavaScript。
9、在CSS中添加背景颜色、边框大小、模型盒子大小等各种样式。
10、在Javascript中添加各种动画效果。
11、在浏览器打开(改变各项大小就可以看到盒子的改变了)
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)