习HTML时有时候我们需要用代码设置边框或虚线边框的样式,那该怎么设置呢?下面上海非凡进修学院HTML5开发培训机构大咖分享下html虚线边框设置教程,会对几个不同标签加虚线边框效果样式,同学们可以根据示例灵活掌握与应用到自己DIV+CSS布局中。
为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。
1、html常用标签
div标签
span
ul li
table tr td
2、实例用到CSS属性单词
border
width
height
3、实现虚线的CSS重点介绍
border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线)
border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。
4、实例描述
我们对以上几个标签设置相同宽度、相同高度、边框效果。
5、HTML代码示例:
以上示例对html中不同标签设置相同的样式,包括相同边框虚线。
上海HTML5开发培训机构大咖提示边框三个样式
通常我们可以对边框设置宽度(厚度)、边框样式、边框颜色这三个属性与参数。
1)、边框颜色:border-color:#000
2)、边框厚度(宽度):border-width:1px
使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值。否则设置边框border样式无效。
3)、border边框样式:border-style:solid
上海HTML5开发培训机构大咖提示:边框border样式值如下:
none :无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid :实线边框(常用)
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge :根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
一、基本线条:
1、<HR>
2、align线条位置(可选left、right、center);width线条长度;color颜色;size厚度
<HRalign=center width=300 color=#987cb9SIZE=1>二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:
<HR style="FILTER:alpha(opacity=100,finishopacity=0,style=2)" width="80%"color=#987cb9 SIZE=10>2、纺锤形:
<HR style="FILTER:alpha(opacity=100,finishopacity=0,style=1)" width="80%"color=#987cb9 SIZE=3>3、右边渐变透明:
<HR style="FILTER:alpha(opacity=0,finishopacity=100,style=1)" width="80%"color=#987cb9 SIZE=3>4、左边渐变透明:
<HR style="border:1 dashed #987cb9" width="80%"color=#987cb9 SIZE=1>5、虚线:
<HR style="border:3 double #987cb9" width="80%"color=#987cb9 SIZE=3>6、双线:
<HR style="FILTER:progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)"width="80%" color=#987cb9 SIZE=1>7、立体效果:
<HR style="FILTER:progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)"width="80%" color=#987cb9 SIZE=1>8、钢针效果:
<table border="1px" cellpadding="0" cellspacing="0"style="height:265px;border-left-style:solid;border-bottom-style:none;border-right-style:none;border-top-style:none">9.垂直分割线
<table border="1px" cellpadding="0" cellspacing="0"style="height:265px;border-left-style:solid;border-bottom-style:none;border-right-style:none;border-top-style:none">
HTML代码:
<hr style="border: 1px dotted #FF0000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">[Ctrl+A 全部选择提示:你可先修改部分代码,再按运行]
所周知,现如今廊坊承德保定北京停车场已经融入到人们的日常生活中,出行、旅游处处都离不开停车场。当然,停车场里面的组成也是和我们息息相关的,比方说停车场划线,那么停车场划线里面有哪些不同标线以及它们的规格参数是多少呢,此文我们就来了解,不容错过哦:
廊坊承德保定北京停车场设有停车位线、导向箭头、通道中心线、通道边缘线、禁停黄线区:
01、停车位线:规格为2400×5300mm,线宽120mm,颜色为白色(无障碍停车位需要喷涂亮黄禁停线,女性停车位是粉红色的);
02、导向箭头:长度一般为3000mm,具体依据当地的车速,颜色为白色;
03、通道边缘线:规格为单实线,线宽150mm,颜色为白色;
04、通道中心线:规格为虚线,线宽150mm,间距2000mm,颜色为黄色;
05、停车场划线里的禁停黄线区:规格为单实线,外边缘线宽150mm,内线宽100mm,颜色为黄色。
文章来源:http://www.jktd88.com/area/park/1551.html
THE END
目前已取得的成绩让我们喜悦,但不会让我们止步;残酷的市场成就我们坚强不屈的意志;和谐温馨的环境、富有营养的土壤,滋养着我们不断开拓创新、勇于进取的无穷潜力,停车场划线施工、地下车库地坪漆设计、橡胶跑道、沥青改色施工团队京凯腾达感谢您的浏览~
*请认真填写需求信息,我们会在24小时内与您取得联系。