css fieldset 樣式_fieldset css樣式_css fieldset

電腦雜談  發布時間:2020-01-28 23:02:11  來源:網絡整理

fieldset css樣式_css fieldset 樣式_css fieldset

要超過以上的效果,我們可以在一個區域里用背景圖片去做css fieldset 樣式,其實在xhtml里有這種的標簽可以去用。

插入代碼:

<fieldset> 域(Defines a fieldset)

<legend> 域標題(Defines a title in a fieldset)

css fieldset 樣式_fieldset css樣式_css fieldset

但是為了確保兼容性,實際操作出來并不是那么簡單。頁面代碼:

插入代碼:

<fieldset>

<legend>dUcky的私生活</legend>

<ul>

fieldset css樣式_css fieldset 樣式_css fieldset

<li>dUcky的私生活!新年快樂!</li>

<li>dUcky的私生活!新年快樂!</li>

<li>dUcky的私生活!新年快樂!</li>

<li>dUcky的私生活!新年快樂!</li>

</ul>

fieldset css樣式_css fieldset_css fieldset 樣式

</fieldset>

通過樣式定義

插入代碼:

*{font-size:12px;margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;}

fieldset{padding:10px;margin:10px;width:160px;color:#453739; border:#453739 solid 1px;}

fieldset css樣式_css fieldset 樣式_css fieldset

legend{color:#933A34;font-weight:bold; background:#FFFFFF;}

ul{list-style-type: none;}

li{margin-top:4px;}

通過CSS,我們可以超過自己想要的效果。但是這上面有些問題:

1. 關于兼容性。我首先是把所有的padding和margin都設成0,因為IE和FF默認的都不一樣。

2. 在IE6里,控制fieldset與前面容器的視口是用padding-top,而margin-top沒有反應...在FF里是用margin-top。

3. 如果定義fieldset的邊框的風格bordercss fieldset 樣式,那么在IE6里邊框會與legend里的文字重疊疊加,而默認的風格不會。所以必須幫legend一個背景擋住邊框,這里是background:#FFFFFF。

總的來說,在FF中更好控制一點,雖然這種的標簽用的不多,但是可非常迅速的超過一些效果。但是看到有人說假如用fieldset來布局就不符合語義了,fieldset必須用在form標簽后面。


本文來自電腦雜談,轉載請注明本文網址:
http://www.gefhbj.live/a/ruanjian/article-138699-1.html

    相關閱讀
    發表評論  請自覺遵守互聯網相關的政策法規,嚴禁發布、暴力、反動的言論

    熱點圖片
    拼命載入中...
    少林宝藏100在线客服 5分11选5走势图 免费英超直播 波克棋牌麻将游戏下载 加拿大28怎么看单双 一分11选5怎么回事 广东十一选五一定 英超球服 新国际棋牌 江西优乐麻将 黑龙江十一选五开奖走势图 广西十一选五走势 东莞快餐女哪些地点有 涨停的股票买不进 淘宝网如何赚钱 经典老版单机四人麻 陕西快乐十分彩票