![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 51
山鹰的天空
追求漂亮的技术,让用户有最好的体验。
展开
-
Div的换行样式
无标题文档 .bg{ margin-left:40px; width:200px; clear:both; } .g{ margin:0 5px 0 0;width:auto;list-style:none;float:left;} a b c d原创 2015-09-15 20:29:56 · 663 阅读 · 0 评论 -
div居中
div居中以及div中的元素居中div水平和垂直居中,text-align和vertical-align不起作用,因为标签div没有这两个属性,所以再css中设置这两个值不能居中的效果。1. div水平居中:设置margin的左右边距为自动。1 div2 {3 margin:0 auto;4 }2. div中的元素居中2.1 div中的文字居中:原创 2016-04-08 10:13:27 · 432 阅读 · 0 评论 -
css样式控制div内容垂直居中
height:105px;line-height:105px;这两个数值一致,标签内元素就垂直居中了。原创 2016-04-07 16:09:43 · 449 阅读 · 0 评论 -
网页颜色选择器 - 颜色代码对照表
网页颜色选择器 - 颜色代码对照表 http-equiv=Content-Type content="text/html; charset=gb2312"> type=text/css>TD { FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体" }转载 2016-04-06 15:55:43 · 3834 阅读 · 0 评论 -
LI横向样式定义
第一步、编写横向菜单的HTML代码架构请将以下代码添加到HTML文档的导航栏区域中。menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com第二步、编写CSS代码1、设置公共样式请将以下CSS代码添加到HTML文档的...标签范围中。#menu { font:12px verdana, arial原创 2016-04-05 21:05:53 · 875 阅读 · 0 评论 -
这是一个鼠标略过时显示详细的方法。
这是一个鼠标略过时显示详细的方法。The WHO was founded in 1948.原创 2015-12-03 10:03:10 · 910 阅读 · 0 评论 -
简单的模拟类似新浪微博搜索框的效果
简单的模拟类似新浪微博搜索框的效果 站长学院 www.pigzz.com * { padding:0; margin:0;} body { font-size:14px; } #box { width:600px; margin:40px auto;} #in { width:240px; height:24px; line-height:24原创 2015-11-19 15:11:12 · 929 阅读 · 0 评论 -
JS实现在文本框输入时自动弹出相关内容提示
简单的模拟类似新浪微博搜索框的效果 站长学院 www.pigzz.com * { padding:0; margin:0;} body { font-size:14px; } #box { width:600px; margin:40px auto;} #in { width:240px; height:24px; line-height:24原创 2015-11-19 15:02:01 · 3716 阅读 · 0 评论 -
只用CSS3即可实现的动画,阴影效果的表单提示框
CSS3 Form 提示 制作学院 www.pigzz.com form { margin: 20px 0 18px; } fieldset { padding: 0; margin: 0; border: 0; } label, input, button{ fon原创 2015-11-19 14:59:29 · 1149 阅读 · 0 评论 -
这个是一个CSS实现的tabpage
css实现tab切换特效,sky整理收集,站长特效欢迎您。body{margin:0; font-size:12px; background:#666;}#box{width:400px; height:300px; margin:100px auto 0;}#tab_nav{margin:0; padding:0; height:25px; line-height:24px;}原创 2015-11-19 14:44:44 · 855 阅读 · 0 评论 -
固定在网页最顶端的文字图片框广告特效,可关闭
网页顶部文字/图片广告特效 站长学院 www.pigzz.com body { margin: 0px;padding: 0px;text-align: center;} TD {FONT-SIZE: 12px; COLOR: #333;} #toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;} --原创 2015-11-19 15:28:43 · 2078 阅读 · 0 评论 -
Tab滑动
本站自制TAB选项卡滑动门 站长学院 www.pigzz.com *{ margin:0px; padding:0px;} #tabWarp{ width:400px; height:300px; border:1px solid #ccc; margin:10px auto;} #tabMenu{ width:400px; height:25px; ov原创 2015-11-19 14:51:47 · 641 阅读 · 0 评论 -
html中clearfix:after也clear:both有什么区别?
①:after是选择器,伪元素之一,用于在指定元素如clearfix后面添加内容,用content:"这里是内容";②clear:clear;是属性值,用于清除附近浮动元素的影响。原创 2015-09-16 02:48:48 · 2504 阅读 · 0 评论 -
css
语法:clear : none | left | right | both 取值:none : 默认值。允许两边都可以有浮动对象 left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 不允许有浮动对象 说明:该属性的值指出了不允许有浮动对象的边。float 属性就是浮动对象。原创 2015-09-16 02:32:22 · 437 阅读 · 0 评论 -
如何让DIV元素永远居中显示
做个变换菜单的DIV居中问题搞了我几个小时,在网上搜到的都不是很理想,终于测试出来一个方法来,这个方法绝对有效,当你真的拿DIV没办法的时候可以试试. #center { position:absolute; width:300px; height:60px; left:50%; top:50%; z-index:1; background-color:#转载 2016-04-08 10:34:09 · 991 阅读 · 0 评论