w3h5

Tag "css" 相关内容 共5页,当前第1页

HTML笔记

老版本IE下内容为空时td不显示边框的解决办法

Deshun 发布于 3个月前 (05-08)   阅读(186)   评论(1)   赞 (0)  

在做一些银行或者理财的项目时,有的需要兼容IE浏览器叫老版本,比如IE678,简直是前端开发人员的噩梦。在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ,代码如下:<style>...

HTML笔记

手机版银行信用卡审核进度页面(附源码)

1

Deshun 发布于 3个月前 (05-05)   阅读(260)   评论(0)   赞 (0)  

手机版银行信用卡审核进度页面(附源码)

今天写了一个银行/信用卡/贷款审核进度的页面,除背景和 logo 之外,均使用 HTML+CSS 编写。只做了简单的手机端兼容,主要是审核进度的进度条效果实现。代码如下:HTML:<div class="review-box">     <span class...

经验总结

行内元素内外边距探究:为何span设置上下margin和padding不起效

3

Deshun 发布于 3个月前 (04-13)   阅读(555)   评论(0)   赞 (0)  

行内元素内外边距探究:为何span设置上下margin和padding不起效

一直以为行内元素设置内外边距会不起效,之前也没有具体的去实验,只是在需要设置 margin 或者 padding 的时候给元素设置一个 display: inline-block; 就得了。今天正好有时间,就来实验了一把。原来 span 标签默认的不是只能设置左右边距,还有更有意思的现象。我给 span 标签设置了 10px 的内边距和外边距,并设置了背景色...

HTML笔记

纯CSS绘制三角形、梯形及border属性的延伸

2

Deshun 发布于 4个月前 (03-18)   阅读(428)   评论(0)   赞 (0)  

纯CSS绘制三角形、梯形及border属性的延伸

利用CSS实现三角形效果,比较常用的思路是使用 border 边框来实现,border 边框是由四个三角形组成的,通过调整四个边来实现不同形状的三角形。通过上图应该能看懂 border 的实现原理。CSS代码如下:通过调整边框的宽度,来实现不同的形状。/*A1*/ .triangle1 {     wid...

HTML笔记

纯CSS选择器控制子元素或兄弟元素的hover效果

1

Deshun 发布于 5个月前 (03-02)   阅读(867)   评论(0)   赞 (2)  

纯CSS选择器控制子元素或兄弟元素的hover效果

一般 hover 效果只用在自身元素和控制子元素,那么可以直接用 CSS 控制兄弟元素的 hover 效果吗?答案是可以的,不过只能控制相邻的元素,具体示例代码如下:1、如果 #b 元素是 #a 元素的子元素,可以直接通过 #a:hover #b {...} 这种方式来控制。示例代码如下:<style>    &n...