Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
習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小時內與您取得聯系。