zoukankan      html  css  js  c++  java
  • 各种边框样式。。本以为border不是这么用的。

    关于文本框样式
    □ 文本框样式 □ 
    显示虚线边框的文本框(IE5.5才可看到效果)
      
    <INPUT style="border- 1px,1px,1px,1px;border: 1px dashed"> 
    或 
    <input style="BORDER-BOTTOM: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed"> 

    边框为实线的文本框
      
    <INPUT style="border- 1px,1px,1px,1px;border: 1px solid" VALUE="2001-3-18"> 

    没有边框的的文本框
    <INPUT style="border-style: none" VALUE="2001-3-18"> 

    只有下划线的文本框
    <INPUT style="border-color: #3333FF #FF3333 #000000 #FF33FF; border- 0pt; border-right- 0pt; border-bottom- 1pt; border-left- 0pt"  VALUE="2001-3-18">

    下划线为虚线的文本框(IE5.5以上浏览器才可看到效果)
      <INPUT STYLE="BORDER-BOTTOM: #000000 1px dashed; BORDER-LEFT: 0px; BORDER-RIGHT:0px; BORDER-TOP:0px"  VALUE="2001-3-18">

    有背景图片的文本框
    <INPUT STYLE="background-image: url(图片)" VALUE="2001-3-18"> 

    □ 按钮样式 □ 
    没有边框的按钮
      
    <INPUT TYPE="BUTTON" VALUE="按钮" style="border-style: none">

    细边框的按钮
    <INPUT TYPE="BUTTON" VALUE="按钮" STYLE="border- 1px,1px,1px,1px" >

  • 相关阅读:
    cloudera cdh4 hue 安装
    设计模式Observer(观察者模式)
    编译android源码三(编译系统)
    centos 6.3 修改默认的系统语言
    Linux下查看文件和文件夹大小的df和du命令
    编译android源码二(下载源代码)
    devenv.exe
    Javascript和xml合用
    DataKeys的用法
    XSL(转)
  • 原文地址:https://www.cnblogs.com/piperck/p/4437041.html
Copyright © 2011-2022 走看看