各种边框样式。。本以为border不是这么用的。

关于文本框样式
□ 文本框样式 □ 
显示虚线边框的文本框(IE5.5才可看到效果)
  
<INPUT style="border-width: 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-width: 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-width: 0pt; border-right-width: 0pt; border-bottom-width: 1pt; border-left-width: 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-width: 1px,1px,1px,1px" >

时间: 2024-11-05 19:53:10

各种边框样式。。本以为border不是这么用的。的相关文章

网页边框样式与style样式部分总结

1).border边框样式:border-style:solid 边框样式值如下: none : 无边框.与任何指定的border-width值无关 hidden : 隐藏边框.IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线.否则为实线(常用) dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线.否则为实线(常用) solid : 实线边框(常用) double : 双线边框.两条单线与其间隔的和等于

在UWP中自定义半边框样式的输入框

Windows10发布已经有一阵子了,已经有一些公司上架了自己的UWP应用程序,为WindowsStore增添光彩.已经安装Windows10的用户也或多或少的安装了一些UWP的应用程序,针对这些UWP的应用程序设计来说有好有坏,好的方面体现在它们的用户体验始终是保证一致,符合Win10的产品理念,步调能够保持一致:坏的方面就是由于它们步调太过于一致导致用户体验太过雷同,进而出现一些用户会出现审美疲劳.这个博主可以理解理解,毕竟UWP应用才推出不久,接触的人也不是很多,关键一点,生态圈也很羸弱,

CSS边框样式

边框样式 很多HTML元素都有边框,如img, table, td, div, input等. border-style边框样式,枚举值 border-width边框宽度,长度值 border-color边框颜色,颜色值 可以合并上面三个样式属性border: solid 2px red; 还可以分别控制上下左右边框的样式,如border-top-color样式属性 table元素使用border-collapse:collapse;可以合并单元格边框

边框样式、段落样式、背景样式

边框样式: 1. border-width 边框宽度: div { width:200px; height:200px; border-style:solid; border-width:5px; } /*border-top-width 设置上边框宽度 border-bottom-width 设置下边框宽度 border-left-width 设置左边框宽度 border-right-width 设置右边框宽度*/ 2. border-color 边框颜色: div { width:200px

边框样式

边框样式用于控制HTML元素的边框效果 边框样式主要用于页面的调试阶段 页面中的边框效果一般通过背景样式实现 border-top-width,用于设置上边框的线宽 border-top-style,用于设置上边框的线型 border-top-color,用于设置上边框的颜色 可以将top替换为right.bottom.left,即可设置右边下边框和左边框 border-top:width style color,可以设置边框属性,将top替换为right.bottom.left,即可设置右边下

[转]CSS如何设置html table表格边框样式

原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对table和td技巧性设置表格边框 4.对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div

css中的边框样式

在盒子模型中,盒子的边框是其重要的样式,通过边框我们可以很方便地看出盒子的长宽以及大小.边框的特性可以通过边框线,边框的宽度及颜色来呈现. 1,边框线 边框线指的是边框线条的样式,包括实线,虚线,点划线等.其具体的使用如下: border-style : none | hidden | dotted | dashed | solid | double | groove |ridge | inset  | outset 例:div { width:300px; height:100px; bord

css。元素样式、边框样式

1.外边距 margin 缩写形式: margin:上边距 右边距 下边距 左边距 margin:上下边距 左右边距 margin:上边距 左右边距 下边距 2.内边距 padding 缩写形式: padding:上边距 右边距 下边距 左边距 padding:上下边距 左右边距 padding:上边距 左右边距 下边距 3.透明度 opacity:number number值为0.0-1.0之间的小数 边框样式 1.边框线 border-top-style 设置上边框线 border-bott

边框样式的设置

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>边框样式的设置</title> <style> div{ width:400px; height:400px; } .div1{ border-width:10px;/*边框的宽度*/ border-style:solid;/*边框的样式*/ bo

bootstrap-table 使用遇到的问题总结:1.右上角button样式自定义;2.右上角引用图标自定义;3.表头/表格内容显示不对齐;4.自定义设置表头及表格边框样式

问题一:右上角button样式自定义 方法: //修改bootstrap-table右上角按钮样式 $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color&qu