css
上官飞蓬
这个作者很懒,什么都没留下…
展开
-
table 添加表行的底部边框、定制表格边框
我已经3×3的表格需要一种方法来添加边框的底部具有特定颜色中的每一行首先,我试图直接的方式,是 但没有奏效。 所以我说的CSS 这样 tr { border-bottom: 1pt solid black; } 仍然没有工作。 我宁愿CSS的话,我不需要添加样式每一行中。 我还没有添加border属性的。我希望它不会影响我的CSS。 本文地址 :CodeGo.net/440298/转载 2017-07-27 17:28:36 · 2663 阅读 · 0 评论 -
CSS 强制性换行
一般情况下,元素拥有默认的white-space:normal(自动换行,PS:不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,但有些测试人员是会这样子做的),超过容器宽度时就会把容器撑大,不换行。 解决方法(以IE,chrome,FF为测试浏览器): { word-转载 2017-07-21 10:07:57 · 305 阅读 · 0 评论 -
去掉iphone Safari浏览器下input submit 和按钮的圆角
在Iphone的Safari浏览器下查看网页时, 会看到input框有圆角,但其他浏览器上没有圆角,如果希望页面在所有浏览器上看的效果一致,可以在input样式下加上这段css代码。 .classinput{ -webkit-appearance: none;/****告诉浏览器我们不希望按钮按苹果的默认UI来渲染。*****/ border-radius: 0; }转载 2017-07-20 16:05:21 · 1435 阅读 · 0 评论 -
CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
html代码: CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com css代码: div{ width:200px;/*容器的基本定义*/ height:200px; background-color:#eee; } /* IE下的样式 */ p span{ display: block; width:转载 2017-06-27 13:50:25 · 7654 阅读 · 0 评论 -
css的鼠标手势大全
css的鼠标手势非常多,最长的手型cursor:pointer,其中cursor:hand,也是手型,但是在火狐和谷歌浏览器下不兼容,所以css鼠标手型手势的话用cursor:pointer最好,以下是其它常用代码 cursor:pointer; 或 cursor:hand; 手型 cursor:crosshair; 十字 cursor:text; 文本 cursor:wait; 等转载 2017-06-22 11:58:24 · 20509 阅读 · 0 评论 -
用CSS让字体在一行内显示不换行
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢? 用CSS让文字在一行内显示不换行的方法 一般的文字截断(适用于内联与块): .text-overflow{ display:block; /*内联对象需加*/ width:31em; word-break:keep-al转载 2017-06-23 11:25:47 · 491 阅读 · 0 评论 -
CSS 样式表初始化代码
CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。 最简单的初始化方法就是: * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单,但有人就会感到疑问:转载 2017-06-23 11:09:56 · 395 阅读 · 0 评论 -
input placeholder 文字设定样式
placeholder占位符文字,也可以设置对应的颜色,透明度等样式,具体如下: [css] view plain copy /*placeholder字体颜色*/ ::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc; } :转载 2017-06-22 13:56:18 · 636 阅读 · 0 评论 -
input 边框变色
input边框变色 今天布局页面的时候发现设计稿多了一项要求,就是点击input框的时候要求框框变色,以前没有遇到过,平时很多时候都用的:hover这次想着一样吧,看了之后发现不是想要的效果,hover是当鼠标触及对象的时候就会发生改变,而我们需要的是点击时候才发生改变,随查了查发现此属性focus记录下来希望对大家有帮助! :focus 伪类在元素获得焦点时向元素添转载 2017-06-22 13:59:05 · 1935 阅读 · 0 评论