文章目录
三体教程>CSS教程

 css教程文章实例

css教程文章分享众多相关实例,熟练之后将会掌握css选择器、样式、布局等的使用。网站是靠css样式来控制的,因此一定要熟练掌握css布局、代码等知识。

DIV使用position:fixed时让其居中显示

DIV使用position:fixed时让其居中显示
今天在做一个弹出层，用于注册登录，使用DIV标签，ID设为sign。 其属性如下： #sign { position: fixed; z-index: 9999; top: 20px; left: 50%; width: 400px; height:300px; margin-left: -200px; background:#333; }

2020-10-21 09:36 阅读(2698)

如何用css创建一个三角形

如何用css创建一个三角形
创建一个div，宽高都为0，实现效果如下，发现border的四个边都是一个三角形，要实现三角形只需将其中几个边background设置为transparent，即可得到三角形。 css代码.rect {width: 0;height: 0;background-color: #fff;border-right: 100px solid transparent;border-left: 1

2019-11-27 17:56 阅读(2038)

table表格细线+鼠标移上背景色渐变

table表格细线+鼠标移上背景色渐变
table td表格细线制作方法，加上鼠标移到单元格时背景色渐变。 html代码style.tbbg{width:100%;background:#c3d9ee; margin-top:10px;}.tbbg tr{background:#ffffff;line-height:22px;}.tbbg tr:hover{background:#bfe5ea;line-height:22px

2019-09-26 09:33 阅读(2208)

DIV水平居中显示代码仅需使用margin即可

DIV水平居中显示代码仅需使用margin即可
让DIV居中显示，只需使用margin:0 auto;即可。 style .divcenter{width:300px; height:150px; background:#ccc; text-align:center; line-height:150px; margin:0 auto;} /style div class="divcenter"我现在是不是居中显示了？/div

2019-08-07 09:34 阅读(3099)

完美解决table中td里面的内容自动换行

完美解决table中td里面的内容自动换行
对于将td里面的内容自动换行，在很久以前就遇到的了，但是一直没有完美的解决。 今天要打印一个报表，有一列中的内容太长，将table撑得老长实在是影响观感。 于是下决心一定要解决td内容自动换行的问题。 网上有很多说可以解决的，大致有以下几种。 1、在table中加table-layout:fixed; 2、在td中加word-wrap:brea

2018-08-03 11:50 阅读(15985)

css中的transparent是什么意思有什么作用？

css中的transparent是什么意思有什么作用？
经常在别人网站的样式表中，看到有用transparent这个的，但是不知道是什么意思？ 于是就去查了一下相关资料，在这里分享一下。 transparent是用来指定全透明色彩。 transparent是全透明黑色(black)的速记法，类似于rgba(0,0,0,0)这样的值。 在CSS1中，transparent被用来作为background-colo

2018-04-06 22:15 阅读(11471)

css禁止选择复制某区域或元素无需js代码

css禁止选择复制某区域或元素无需js代码
某些网站，你想复制些内容，但是移动鼠标却无法复制选择。 想必这样的问题小伙伴们都有遇到过吧？ 有些是使用javascript来禁用了鼠标右键，有些是禁用了复制选择。 但这些都是针对整个页面的。 那么有没有只针对某个区域，或是某一块元素来设置禁止选择复制呢？ 如下图： 有，而且只需使用css就可以。 请看下面这段

2018-02-02 15:21 阅读(4605)

clearfix清除浮动相关解决方案

clearfix清除浮动相关解决方案
前面我们有写过一篇《clearfix清除浮动如何使用》的文章，但是仍然有许多小伙伴希望能有一些更加清晰的实例。 所以今天再来讨论一下clearfix清除浮动相关解决方案。 容器与 overflow: auto 清除浮动元素的最简单方法是使用overflow: auto，这个解决方案适用于现在的大部分主流浏览器。 div style="overflow:

2018-01-26 09:59 阅读(3308)

使用css将table td边框合并为细边框

使用css将table td边框合并为细边框
还记得第一次使用table的时候，无论怎么弄，边框都不是自己想要的效果。 因为只想让框边成为一条细线，当时就在想有这么难吗？ 不过后来还是解决了，今天突然想起，就简要的写一下分享出来。 希望对遇到这样问题的小伙伴有所帮助。 对于这个问题，有一个俗语叫做“table边框合并”。 最主要就是用到border-collapse: collapse;这

2017-12-13 22:07 阅读(4239)

css去掉超链接点击时的边框虚线

css去掉超链接点击时的边框虚线
今天在群里，有小伙伴问了一个问题：如果将点击超链接时出现的边框虚线去掉。 关于这个问题，小编以前给一个朋友做网站的时候，他也提到了这个要求。 当时也是丈二和尚摸不着头脑，网上也还没有相关的资料，csdn上面也没有找到相关的问题。 后来自己摸索，outline是轮廓的意思，在css中就是元素周围的一条线，如果将outline设置为none不是就解决了吗？

2017-10-07 20:42 阅读(2801)

 1  2   下一页    尾 页  
数据更新时间：2023-05-28