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

主頁 > 知識庫 > 寫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頁的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 三门县| 内丘县| 威信县| 沈阳市| 高密市| 安远县| 洞口县| 石嘴山市| 辽源市| 安化县| 合肥市| 巴林右旗| 耿马| 乌兰县| 洪江市| 乐都县| 嘉黎县| 宁乡县| 叶城县| 天气| 宜城市| 泗阳县| 灌阳县| 深水埗区| 梨树县| 苏尼特右旗| 孝义市| 浮梁县| 清徐县| 泗阳县| 西乌珠穆沁旗| 黑山县| 海口市| 沙洋县| 凤庆县| 农安县| 麻城市| 德格县| 甘肃省| 新巴尔虎右旗| 汾西县|