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

  • 相关阅读:
    一个神秘现象引发对beego框架的思考
    利用golang优雅的实现单实例
    Go语言及Beego框架环境搭建
    go语言正则表达式
    爬取珍爱网后用户信息展示
    Django之modelform简介
    Django之分页功能
    Django之ORM操作
    selenium模拟鼠标操作
    Django之模型注册
  • 原文地址:https://www.cnblogs.com/piperck/p/4437041.html
Copyright © 2011-2022 走看看