<fieldset>标签

<!DOCTYPE html>

<html lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>CSS控制文字在一条线的中间</title>

    <style type="text/css">

* {

font-size:12px;

margin:0;

padding:0;

}

fieldset {

padding:10px;

margin:10px;

width:150px;

color:#333;

border:#06c dashed 1px;

}

legend {

color:#06c;

font-weight:800;

background:#fff;

}

ul {

list-style-type: none;

margin:8px 0 4px 0;

}

li {

margin-top:4px;

}

</style>

</head>

<body>

<fieldset style="float: left">

    <legend>A相</legend>

    <ul>

        <li>

            I:10A

        </li>

        <li>

            U:10V

        </li>

        <li>

            P:10KW

        </li>

    </ul>

</fieldset>

<fieldset style="float: left">

    <legend>B相</legend>

    <ul>

        <li>

            I:10A

        </li>

        <li>

            U:10V

        </li>

        <li>

            P:10KW

        </li>

    </ul>

</fieldset>

<fieldset style="float: left">

    <legend>C相</legend>

    <ul>

        <li>

            I:10A

        </li>

        <li>

            U:10V

        </li>

        <li>

            P:10KW

        </li>

    </ul>

</fieldset>

<fieldset style="float: left">

    <legend>汇总</legend>

    <ul>

        <li>

            I:10A

        </li>

        <li>

            U:10V

        </li>

        <li>

            P:10KW

        </li>

    </ul>

</fieldset>

</body>

</html>

CSS控制文字在一条线的中间

A相

I:10A
U:10V
P:10KW

B相

I:10A
U:10V
P:10KW

C相

I:10A
U:10V
P:10KW

<fieldset>标签的更多相关文章

embed标签loop=true背景音乐无法循环
在html网页中加入背景音乐并设置为循环播放.一开始用<embed>标签,设置loop="true", 但是结果发现在IE浏览器可以,但是在chrome浏览器却无法实现 ...
【转】object标签和embed标签
我们现在大部分人做网页,都是直接用DW插入flash,而且DW也是所见即所得,直接生成了相应的flash显示代码.可是我们又有多少人了解这些直接由DW生成的代码呢?其实我接触flash player标 ...
embed标签的使用(在网页中播放各种音频视频的插件的使用)
播放器插件使用说明: 代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”> src:音乐文件的路 ...
as3.0 [Embed]标签嵌入外部资源
1.[Embed]嵌入资源 ActionScript代码的顺序非常重要.你必须在声明变量前添加[Embed]元数据标签,而且这个变量的类型会是Class; package { import flash ...
解决embed标签显示在div上层【转藏】
解决embed标签显示在div上层,非设置z-index 今天给屌炸了爆笑网增加了视频栏目,但是发现在IE8中,顶部浮动导航的div在移动到embed视频上时,总是被embed的flash文件盖住.分 ...
OBJECT和EMBED标签（转载）
一.介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签.也就是OBJECT和EMBED标签.OBJECT标签是用于windows平台的IE浏览器的,而EMBED ...
转: object 和embed 标签播放flash
一.介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签.也就是OBJECT和 EMBED标签.OBJECT标签是用于windows平台的IE浏览器的,而EMBE ...
OBJECT和EMBED标签
一.介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签.也就是OBJECT和EMBED标签.OBJECT标签是用于windows平台的IE浏览器的,而EMBED ...
HTML 5 <embed> 标签
定义和用法 <embed> 标签定义嵌入的内容,比如插件. 实例 <embed src="helloworld.swf" />
chrome不支持embed标签解决方案
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv=&quo ...

随机推荐

mysql-查询存在主表但是不存在副标的数据
A.B两表,找出ID字段中,存在A表,但是不存在B表的数据.A表总共13w数据,去重后大约3W条数据,B表有2W条数据,且B表的ID字段有索引. 方法一使用 not in ,容易理解,效率低 ~执 ...
配置gitlab自动备份
在gitlab机器的root用户执行首先,假设有2台机器. gitlab 1.1.1.1 backup 2.2.2.2 做秘钥信任 gitlab root 生成 ssh-key copy密钥到bac ...
http stream
http stream 博客分类: http://canofy.iteye.com/blog/2097876 j2EE StringBuilder sb = new StringBuilder() ...
ABAP-表中数据的横向累加
GLT0 等表中数据的横向累加 ——塞依SAP培训在 ABAP 的 GLT0.FAGLFLEXT 等余额表中,用诸如 TSL01.TSL02 …… TSL16 等字段记录了 16 个期间的发生额 ...
javascript：控制台详解
javascript工具——浏览器控制台详解大神这篇博客是写在2011年,主要介绍 “Firefox” 浏览器插件 “Firebug” 的操作,如今主流浏览器对控制台都已经提供了很好的支持.我自己 ...
剑指offer例题——反转链表
题目描述输入一个链表,反转链表,输出新链表的表头程序编写将链表反转 public class Solution { public ListNode ReverseList(ListNode he ...
高性能迷你React框架anujs1.1.0发布
本版本对setState与forceUpdate内部依赖的setStateImpl进行了重构,性能稳定在60pfs之上.并且将组件实例的所有内部方法与属性都改成以___开头. https://gith ...
maven学习-基本入门用法
一.下载及安装 1.1 下载maven 3.1.1 先到官网http://maven.apache.org/download.cgi 下载最新版本(目前是3.1.1 ),下载完成后,解压到某个目录(本 ...
django内置分页功能扩展
实现自定制页码数类型class myPaginator(Paginator): def __init__(self,curr_page,per_page_num,*args,**kwargs): se ...
javaMail实现收发邮件（一）
电子邮件的传输过程电子邮件系统采用客户/服务器模式.电子邮件传送需要用到以下3个重要模块:MUA(Mail User Agent,邮件用户代理):用户通过它与电子邮件服务器打交道.MUA实际上就是邮 ...

<fieldset>标签

<fieldset>标签的更多相关文章

随机推荐

热门专题