CSS box model -> MSN Spaces, unavoidable and tiny modification

Min adlı kişinin profiliEasy Start To The DayBlogListelerAğ

< Önceki Sonraki >

CSS box model -> MSN Spaces, unavoidable and tiny modification

CSS Box Model:

<div id="A" style="width:100%; height:120px; border:1px #2c72bb solid; text-align:left">div A</div>
<div id="B" style="width:90%; height:70%; border:1px #ff9900 dotted">div B</div> 

上面是CSS 盒模型的示例, 也就是将<div>块级元素以及其他元素作为盒子来...

margin为外边距, 边框外例如和浏览器的距离
padding为内边距内容区到边框的距离

下面是在MSN Spaces中遇到的问题, 那就是padding在MSN Spaces中被屏蔽, 我们如何去做:

下面是样例, 仅需添加一个<div>对就可以实现边框和内容区的空隙.

B elem is a young man. United you play, united you win.
你好啊! Guten Tag! Bonjour! Hola! السلام عليكم! Здравствулте! Ciao! Godday! Hej ! Γειάσου! Goedendag! Namaste! Aloha! 여보세요! お前が悪い!

<div style="width:100%; line-height:normal; letter-spacing:1px; font-family:verdana, times new roman, serif; font-size:12px; color:#696969; border:1px dotted #ddd;">
<div style="border:12px #fff solid;">
<span style="font-size:42px; color:#f60; font-weight:bold; float:left; height:34px; line-height:34px;">B</span> elem is a young man. United you play, united you win. <br/>你好啊! <span style="color:#ff9933">Guten Tag! Bonjour! Hola! السلام عليكم! Здравствулте! Ciao! Godday! Hej ! Γειάσου! Goedendag! Namaste! Aloha! 여보세요! お前が悪い!
</span>
</div>
</div>

Thanks to Jay, Ray.

22.05.2006 09:00:25 | İzleme notlarını görüntüle (7) | Bloga al | MSN Spaces

Yorumlar (23)

Yorum eklemek için Windows Live ID'nizle (Hotmail, Messenger veya Xbox LIVE kullanıyorsanız Windows Live ID'niz var demektir.) Oturum aç

Windows Live ID'niz yok mu? Kaydolun

	shine sunyazan: <a href="http://www.rmtvip.jp ">アイオン-aion RMT</a> <a href="http://www.rmtvip.jp ">アトランティカ RMT</a> <a href="http://www.rmtvip.jp ">リネージュ2 RMT</a> <a href="http://www.rmtvip.jp ">アラド戦記 RMT</a> <a href="http://www.rmtvip.jp ">FF11 RMT</a> <a href="http://www.rmtvip.jp ">信長の野望 RMT</a> <a href="http://www.rmtvip.jp ">SUN RMT</a> <a href="http://www.rmtvip.jp ">完美世界 RMT</a> <a href="http://www.rmtvip.jp ">新天上碑 RMT</a> <a href="http://www.rmtvip.jp ">エイカ(aika) RMT </a> <a href="http://www.rmtvip.jp ">Atlantica-アトランティカ RMT</a> <a href="http://www.rmtvip.jp ">TW テイルズウィーバー RMT</a> <a href="http://www.rmtvip.jp ">lh_ルーセントハート RMT</a> <a href="http://www.jewelrytopbrand.com/ ">Tiffany jewelry</a> <a href="http://www.rmtvip.jp ">ルシエルブルー(Le Ciel Bleu) RMT</a> <a href="http://www.rmtvip.jp ">ff14 RMT</a> <a href="http://www.rmtvip.jp ">アイオン(aion) RMT </a> ———~~———~~————~~—————~~————~~—— <a href="http://www.rmt-wm.com/games/tenjohi.html ">新天上碑 RMT </a> <a href="http://www.rmt-wm.com/games/AIKA.html ">エイカ(aika) RMT </a> <a href="http://www.rmt-wm.com/games/0010.html ">TW テイルズウィーバー RMT </a> <a href="http://www.rmt-wm.com/games/A0006.html ">lh_ルーセントハート RMT </a> <a href="http://www.rmt-wm.com/games/aion.html ">アイオン(aion) RMT</a> <a href="http://www.rmt-wm.com/games/0003.html ">リネージュ2 RMT</a> <a href="http://www.rmt-wm.com/games/A004.html ">アラド戦記 RMT</a> <a href="http://www.rmt-wm.com/games/0005.html ">FF11(FFXI) RMT</a> <a href="http://www.rmt-wm.com/games/A001.html ">信長の野望 RMT</a> <a href="http://www.rmt-wm.com/games/0006.html ">SUN RMT</a> <a href="http://www.rmt-wm.com/games/0018.html ">完美世界-Perfect World</a> <a href="http://www.replica-watches-mall.com ">Replica Watche</a> <a href="http://www.rmt-wm.com/games/dekaron.html ">デカロン RMT </a> <a href="http://www.rmt-wm.com/games/%E5%A5%87%E8%B9%9F%E3%81%AE%E5%A4%A7%E5%9C%B0_RMT.html ">奇跡の大地 RMT</a> <a href="http://www.rmt-wm.com/games/Atlantica.html ">Atlantica-アトランティカ RMT</a> <a href="http://www.rmt-wm.com/games/Le_Ciel_Bleu.html ">ルシエルブルー(Le Ciel Bleu) RMT </a> <a href="http://www.rmt-wm.com/games/FF14.html ">ff14 RMT</a> <a href="http://www.rmt-wm.com/games/ラテール_RMT.html ">ラテール RMT </ 21 Oca.
	Adsızyazan: wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold -26623259017373 24 Eki.
	Adsızyazan: To the global wow gold the cheapest wow power leveling under the cheapest single-site! -27138525131541 14 Eyl.
	Adsızyazan: Amberdigital Branch,Southern Stars Enterprises Co is specializing in the development and manufacturing of advertisement screens, LCD digital signage and LCD signages. Established in 1996, we have explored and developed the international market with professionalism. We have built a widespread marketing network, and set up a capable management team dedicated to provide beyond-expectation services to our customers. amberdigital Contact Us Southern Stars Enterprises Co (Hong Kong Office) Add:3 Fl, No.2, Lane 2, Kam Tsin Tsuen, Sheung Shui, Hong Kong Tel:+852 2681 4099 Fax:+852 2681 4586 Southern Stars Enterprises Co (Shenzhen Office) Add:DE, 16/F, Building 2, Nanguo Tower, Sungang Road, Shenzhen, China Tel:+86 755 2592 9100 Fax:+86 755 2592 7171 E-mail:sstar@netvigator.com website:www.amberdigital.com.hk alibaba:amberdigital.en.alibaba.com[ba 24 Ağu.
	Cathay yazan: 太难了，我头都混了！ 29 Nisa.
	明轩张yazan: 那我只想左边空一点空隙可以么？老空格的话也不好。。 30 Nisa.
	. 旻yazan: 我是台灣來的朋友... 唉..我很想把我的分享空間搞好.. 但很多東西不會我網頁的知識太淺了.... 以後我會常來的..... 我現在正想把我做的人流計數器放到分享空間去的這個部份都不會了好想哭老師如果有空.. 教我一下嘛 16 Nisa.
	不允许任何人访问我的SPACEyazan: 当初应该多学点网页方面的知识。 25 Ağu.
	Taoyazan: 看了Belem的關於CSS文章，受益非淺，自從這次空間升級為Live Spaces以來，我空間裡面有CSS寫的兩篇Blog定位總是出些不可預料的情況，郁悶…… 3 Ağu.
	savageyazan: 我不太了解哦！！！ 17 Tem.
	Sevnyyazan: 要是我能学好css，那该有多好啊！ 4 Tem.
	じovのＤè~の唯へ^yazan: 暈. 26 May.
	zmingyazan: 原来是css啊...刚从百度里知道...呵呵...SP也可以用啊！真的不知道呢... 23 May.
	任平生yazan: 呀，你怎么把那些语句的都放到图片里了呀，难道要我们一个个字母的看着这里打到自己哪里？呵呵，要是可以复制多方便啊，呵呵~~ 22 May.
	zmingyazan: 我又有东西学了....好象很难消化...怎么那都HTML代码吗？怎么那么多的属性植？？？？我的计机书上怎么就几个？大哥告诉我哈...那么多你都要背吗？背了好象也没用...呵呵...要自己实验看效果的... 22 May.
	★欣纯★yazan: 看不懂~~~~~~~~~~~~~~~~~~ 22 May.
	Ray Hyazan: 老师我闭关了要想我哦哈哈哈哈哈哈别忘了我说的你是天下第一好 .... 22 May.
	RushStar guessyazan: 又有的学了.............. 22 May.
	林加加yazan: 有用。得好好学习。 22 May.
	parson yanyazan: 云里雾里。专业人士看详细，业余选手抢沙发。。。 22 May.

Sonraki > Son >>

İzleme notları (7)

Bu girdinin izleme notu URL'si:

http://gb2312.spaces.live.com/blog/cns!3CDBA96A871601F6!21637.trak

Bu girdiye başvuruda bulunan bloglar