整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

上海HTML5开发培训机构大咖分享html虚线边框设置教程

习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凸边



种分割线Html代码


一、基本线条:

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代码

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

目前已取得的成绩让我们喜悦,但不会让我们止步;残酷的市场成就我们坚强不屈的意志;和谐温馨的环境、富有营养的土壤,滋养着我们不断开拓创新、勇于进取的无穷潜力,停车场划线施工、地下车库地坪漆设计、橡胶跑道、沥青改色施工团队京凯腾达感谢您的浏览~