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" >

  • 相关阅读:
    C#面向对象 类的继承
    C#面向对象 类的封装
    C#面向对象 类
    C#面向对象 1
    盒子模型、网页自动居中、float浮动与清除、横向两列布局
    HTML格式与布局
    HTML表单 CSS样式
    HTML—标签与表格 、框架
    触发器,视图
    while 循环,存储过程
  • 原文地址:https://www.cnblogs.com/piperck/p/4437041.html
Copyright © 2011-2022 走看看