• 新记

    • 用div定义三行四列的文字链接，定义外侧边框椭圆选定颜色，定义高度宽度，怎么搞？

    用div定义三行四列的文字链接，定义外侧边框椭圆选定颜色，定义高度宽度擦书，怎么搞？
    用div定义三行四列的文字链接，定义外侧边框椭圆选定颜色，定义高度宽度参数，怎么搞？

    举报该文章
    相关建议   2009-12-27
    哎 LZ真是不提问则以，一提问就提问了个这么有创造力的问题。
    刚才没事情就给LZ写了写，LZ看看还有什么问题。
    至于定义高度宽度，很简单，一楼回答过了。

    LZ把下面代码自己拷贝运行一下.....
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    *{padding:0px;margin:0px;}/*页面所有元素内外边距设为0*/
    .main{
    width:600px; /*定义宽度 600像素，这里高度就自定义就好，因为我不知道你内容要多高。*/}
    .content {
    position:relative;
    margin:0px -1px;
    width:100%;
    overflow:hidden; /*超出部分隐藏*/
    border-left:1px solid #000;
    border-right:1px solid #000;/*定义左右边框*/}
    .content ul{
    float:left;
    width:25%;
    list-style-type:none; /*取消里li标签的符号*/
    }
    /*下面是圆角的实现了，LZ自己仔细研究研究,很简单，就是一层一层的叠加*/
    b{font-size:0px;line-height:0px;font-family:Arial; overflow:hidden;}
    .bg_top, .bg_bottom{
    display:block;
    overflow:hidden;
    border-width:0px;
    clear:both;
    }
    .bg_top b,.bg_bottom b{
    border-color:#ffffff;
    height:1px;
    border-style:solid;
    display:block;}
    b.b-1{border-width:0px 2px;
    background-color:#000;}
    b.b-2,b.b-3,b.b-4{border-width:0px 1px;}
    b.b-3,b.b-4{border-color:#000;}
    </style>
    </head>
    <body>
    <div class="main">
    <b class="bg_top">
    <b class="b-1"></b>
    <b class="b-2"><b class="b-3"></b></b>
    <b class="b-4"></b></b>
    <div class="content">
    <ul>
    <li><a href="#">第一行第一列</a></li>
    <li><a href="#">第二行第一列</a></li>
    <li><a href="#">第三行第一列</a></li>
    <li><a href="#">第四行第一列</a></li></ul>
    <ul>
    <li><a href="#">第一行第二列</a></li>
    <li><a href="#">第二行第二列</a></li>
    <li><a href="#">第三行第二列</a></li>
    <li><a href="#">第四行第二列</a></li></ul>
    <ul>
    <li><a href="#">第一行第三列</a></li>
    <li><a href="#">第二行第三列</a></li>
    <li><a href="#">第三行第三列</a></li>
    <li><a href="#">第四行第三列</a></li></ul>
    <ul>
    <li><a href="#">第一行第四列</a></li>
    <li><a href="#">第二行第四列</a></li>
    <li><a href="#">第三行第四列</a></li>
    <li><a href="#">第四行第四列</a></li></ul>
    </div>
    <b class="bg_bottom">
    <b class="b-4"></b>
    <b class="b-2"><b class="b-3"></b></b>
    <b class="b-1"></b></b></div>

    </body>
    </html>
    温馨提示：内容为网友见解，仅供参考
    其他看法
    第1个回答  2009-12-22
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head>
    <body>
    <style>
    #aa ul{float:left}
    </style>
    <div id="aa">
    <ul>
    <li><a href="#">1</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">1</a></li>
    </ul>
    <ul>
    <li><a href="#">2</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">2</a></li>
    </ul>
    <ul>
    <li><a href="#">3</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">3</a></li>
    </ul>
    <ul>
    <li><a href="#">4</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">4</a></li>
    </ul>
    </div>
    </body>
    </html>
    三行四列代码,至于外侧边框椭圆要做图为背景图片,这不好传图,就不弄了,设置高度参数
    你只要在你要设置高度宽度的div或者标签里面写上style="width:(写你的宽度)px(px为单位);height:(写你的高度)px;"
    还有不明白,可以密我,我帮你解决到满意,当然分我也要了
    第2个回答  2009-12-23

    用div定义三行四列的文字链接,定义外侧边框椭圆选定颜色,定义高度宽度...
    width:600px; \/*定义宽度 600像素，这里高度就自定义就好，因为我不知道你内容要多高。*\/} .content { position:relative;margin:0px -1px;width:100%;overflow:hidden; \/*超出部分隐藏*\/ border-left:1px solid #000;border-right:1px solid #000;\/*定义左右边框*\/} .content ul{ float:left...

    求一份我的磨wodemo的CSS代码教程
    【边框样式为槽线式】border-style: groove; 【位置同上,文字边框颜色】border-color:red;【位置同上,文字边框粗细,左为横框架,右为竖框架】border-width: 1px 1px;} 〓链接文字定义〓a {【边框样式为直线式】border-style: solid;【链接文字的边框粗细,左为横框,右为竖框】border-width:1px 1px;【同上位置,...

    CAD制图的快捷键有哪些?
    4、 个别例外的需要我们去记忆,比如“修改文字”(DDEDIT)就不是“DD”,而是“ED”;还有“AA”表示Area,“T”表示Mtext, “X”表示 Explode。 三、快捷命令的定义 全面已经提到,AutoCAD所有定义的快捷命令都保存ACAD.PGP文件中。ACAD.PGP是一个纯文本文件,用户可以使用ASCⅡ文本编辑器(如DOS下的EDIT)或直接使用W...

    工程制图的标注符号及其含义
    在命令行创建和修改标注样式 DST或DIMSTY 移动和旋转标注文字 DIMTED 测量两点之间的距离和角度 DI 将点对象或块沿对象的长度或周长等间隔排列 DIV 绘制填充的圆和环 DO 修改图像和其他对象的显示顺序 DR 打开鸟瞰视图窗口 AV 输入文字时在屏幕上显示 DT 定义平行投影或透视视图 DV 创建椭圆或椭圆弧 ...

    区域脚本在那个文件夹定义?
    DST或DIMSTY 移动和旋转标注文字 DIMTED 测量两点之间的距离和角度 DI 将点对象或块沿对象的长度或周长等间隔排列 DIV 绘制填充的圆和环 DO 修改图像和其他对象的显示顺序 DR 打开鸟瞰视图窗口 AV 输入文字时在屏幕上显示 DT 定义平行投影或透视视图 DV 创建椭圆或椭圆弧 EL 从图形...

    工程制图的标注符号及其含义
    将点对象或块沿对象的长度或周长等间隔排列 DIV 绘制填充的圆和环 DO 修改图像和其他对象的显示顺序 DR 打开鸟瞰视图窗口 AV 输入文字时在屏幕上显示 DT 定义平行投影或透视视图 DV 创建椭圆或椭圆弧 EL 从图形删除对象 E 将组合对象分解为对象组件 X 以其他文件格式保存对象 EXP 延伸对象到另一对象 EX 通过拉...

    制作ppt的步骤?
    1、在“操作向导”栏内单击“自定义界面颜色”,在“页面颜色”中选红色,单击“文字颜色”选择黄色,单击“确定”。2、单击“工具”→保护文档→输入密码→确定3、单击“查看”→工具栏→自定义→单击显示提示→确定4、单击“插入”→日期与时间→选“日期”→确定...

    求cad常用命令
    A 圆弧；AA 测面积周长；AL 对齐 AR 阵列；AP 加载应用程序；ATE 编辑属性 B 创建块；BR 打断于点 用来分解一个整体的线 C 圆形；CO 复制；CLOSE 关闭；COL 颜色；CHA 矩形倒角 CTRL+1 特性面板；CTRL+2 打开图象资源管理器；CTRL+N 新建 CTRL+O 打开；CTRL+0 全屏；CTRL+P 打印 CAD技术...

    建筑制图CAD一些简单的命令?
    EL, *ELLIPSE(椭圆) REG, *REGION(面域) MT, *MTEXT(多行文本) T, *MTEXT(多行文本) B, *BLOCK(块定义) I, *INSERT(插入块) W, *WBLOCK(定义块文件) DIV, *DIVIDE(等分) H, *BHATCH(填充) 3、修改命令: CO, *COPY(复制) MI, *MIRROR(镜像) AR, *ARRAY(阵列) O, *OFFSET(偏移) RO, ...

    电脑CAD移动工具用不了,输入M是未知命令怎么办?
    快捷键要在英文输入法状态。中文要回车2次才行。若是只M用不了，可能是改了设置。

    相似回答
    大家正在搜