jyy00713692 2009-07-23 09:45
浏览 207
已采纳

请问这个效果怎么实现的（简单网页前台）

本来代码
[code="java"]A:[/code]
在网页中的效果：
[img]/upload/attachment/127989/a0172741-0e09-3c2f-ac8e-cac09bff4998.jpg[/img]

但现在他显示的效果是：

[img]/upload/attachment/127991/5c195f22-ea1b-34d2-8860-d2fa448a2a3c.jpg[/img]

感觉这个是用css改的吧？具体怎么改？
[b]问题补充：[/b]
谢谢！请问这个效果是怎么搜索出来的，什么关键词，我想自己google下，但不知道搜啥
[b]问题补充：[/b]
其实就是
border-bottom:1px solid #005aa7; /* 下划线效果 */

border-top:0px;

border-left:0px;

border-right:0px;

  • 写回答

4条回答 默认 最新

  • iteye_20589 2009-07-23 09:56
    关注

    网上又找了个例子..供参考...
    [code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    只显示下划线的文本框，像文字一样的按钮<!-- body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;边框取消 */ cursor:pointer; } --> body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;边框取消 */ cursor:pointer; }


    用户名: 密　码:


    [/code]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？