校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 寫CSS_關于Border你可能需要注意的地方第1/2頁

寫CSS_關于Border你可能需要注意的地方第1/2頁

熱門標簽:地圖標注樓盤 地圖標注微信好友 南昌電話機器人系統 快速更改地圖標注點標 ai電話機器人效果差 蘇州做電話機器人 南山電話機器人 沈陽400電話辦理多少錢 隨州外呼系統廠家
今天寫了一段CSS,寫時突然想到的,寫出來和大家分享一下; 我們可能早已習慣了padding在不同瀏覽器中的不同之處, 但這個你不一定注意過; 

先說一個場景,例如: 
一個寬400px的黃盒子,左邊放一個300px的小藍盒子,右邊放一個寬100px的紅盒子.這樣應該正好放下對吧? 因為300+100正好是400呀! 好了,先試一試! 
我開始寫了(頭部省略): 
復制代碼 代碼如下:

style> 
#yellow{ width:400px; border:1px solid #FF9900; background:#FFCC99; float:left;} 
#blue{ width:300px; height:100px; border:1px solid #0066FF; background:#00CCFF; float:left;} 
#red{ width:100px; height:100px; border:1px solid #FF3300; background:#FF9900; float:right;} 
/style> 

400px 
div id="yellow"> 
 div id="blue">300px/div> 
 div id="red">100px/div> 
/div> 

看一下效果:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]

最后的效果是這樣的:




沒有放下,原因就是因為我寫了一個border:1px; 那我們把他去掉看一下. 

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]

12下一頁閱讀全文
您可能感興趣的文章:
  • css下margin、padding、border、background和font縮寫示例
  • border:none與border:0使用區別

標簽:商洛 深圳 濰坊 石家莊 昭通 濰坊 玉樹 大同

巨人網絡通訊聲明:本文標題《寫CSS_關于Border你可能需要注意的地方第1/2頁》,本文關鍵詞  寫,CSS,關于,Border,你,可能,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《寫CSS_關于Border你可能需要注意的地方第1/2頁》相關的同類信息!
  • 本頁收集關于寫CSS_關于Border你可能需要注意的地方第1/2頁的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 永泰县| 扎鲁特旗| 门头沟区| 河南省| 阿城市| 宜兰县| 都昌县| 清流县| 阿图什市| 电白县| 土默特右旗| 昆山市| 山西省| 汉川市| 都匀市| 龙海市| 青田县| 左贡县| 徐闻县| 蒙阴县| 龙海市| 长春市| 丁青县| 靖西县| 长丰县| 江源县| 五家渠市| 万安县| 囊谦县| 二连浩特市| 城固县| 阜宁县| 玉田县| 额济纳旗| 绥宁县| 陈巴尔虎旗| 常宁市| 福清市| 旌德县| 北川| 克拉玛依市|