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条)

报告相同问题？

悬赏问题

  • ¥15 拟通过pc下指令到安卓系统，如果追求响应速度，尽可能无延迟，是不是用安卓模拟器会优于实体的安卓手机？如果是，可以快多少毫秒？
  • ¥20 神经网络Sequential name=sequential, built=False
  • ¥16 Qphython 用xlrd读取excel报错
  • ¥15 单片机学习顺序问题！！
  • ¥15 ikuai客户端多拨vpn，重启总是有个别重拨不上
  • ¥20 关于#anlogic#sdram#的问题，如何解决？(关键词-performance)
  • ¥15 相敏解调 matlab
  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应