国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS實例:用fieldset、legend實現文字寫在邊線上的效果

2024-07-11 08:40:33
字體:
來源:轉載
供稿:網友
  這是一個非常不錯的效果,在實際制作中也比較常用,我們看下面的圖片:


  或許你想到可以用圖片來實現這樣的效果,但圖片除了體積稍大,語義上也很欠缺。這樣的效果如何用xhtml css實現呢?首先我們通過fieldset設置一個方框(也譯作域),然后通過特定的標簽legend域標題,設置一個標題,并對它們進行相應的樣式定義即可實現這樣效果。我們首先來了解一下fieldset方框、legend域標題這兩個標簽的知識。

HTML元素 fieldset方框

  Draws a box around the text and other elements that the field set contains.
  在字段集包含的文本和其它元素外面畫一個方框。

  fieldset元素用于對表單中的元素進行分組并在文檔中區別標出文本。它與窗口框架的行為有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的腳本中可用。
  fieldset元素元素是塊元素。 并且需要關閉標簽,即必須成對出現:<fieldset></fieldset>。

HTML元素 legend域標題

  Inserts a caption into the box drawn by the fieldSet object.
  在 fieldSet 對象繪制的方框內插入一個標題。

  legend元素必必位于fieldset內的第一個元素。在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
  legend元素是塊元素。并且需要關閉標簽,即必須成對出現:<legend></legend>。

我們開始著手制作這樣的一個小實例,我們看下面的xhtml代碼:

示例代碼 [www.CuoXIn.com]
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巴彦县| 闽侯县| 上杭县| 汝阳县| 五莲县| 连平县| 平乐县| 乐昌市| 白玉县| 时尚| 定边县| 庄河市| 万载县| 上林县| 青海省| 兰考县| 衡山县| 深泽县| 阿鲁科尔沁旗| 泗阳县| 南昌市| 农安县| 新建县| 大荔县| 通许县| 嘉峪关市| 蕉岭县| 监利县| 澎湖县| 峨眉山市| 万宁市| 栾城县| 昭平县| 涪陵区| 化德县| 临夏县| 双牌县| 阳信县| 晋江市| 凉城县| 临颍县|