CSS
关注
分享
扫一扫
Amiao999
这个作者很懒，什么都没留下…
展开
-
网页字体微软雅黑
.content .con_left_001 li a{ font-size:12px; color:#333; font-family:"微软雅黑","宋体";}原创 2014-05-07 17:24:58 · 888 阅读 · 0 评论 -
网页制作中的CSS+DIV：dl,dt,dd
标记定义了一个定义列表，定义列表中的条目是通过使用标记(“definition title”，定义标题)和标记(“definition description”，定义描述)创建的。给出了术语名，标记给出了术语的定义。也就是说用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。我们在做列表标题我们在做列表我们在做列表我们在做列表我们在做列表转载 2014-05-12 10:59:33 · 487 阅读 · 0 评论 -
css设置登录文本框和html按扭样式
.inputs{ height:37px; line-height:37px; width:250px; border:1px solid #EAEAEA; font-size:14px;}.yanzheng{ width:100px;}.loginbtn{background:url(/img/button_lijidenglu.gif); width: 109px; height: 38p原创 2014-05-14 08:27:20 · 2651 阅读 · 0 评论 -
图片垂直居中
.tgzx{ border:1px solid #CCC; width:250px; height:200px; display:table;} .tgzx span{display:table-cell; vertical-align:middle;text-align:center; }原创 2014-05-15 08:51:43 · 413 阅读 · 0 评论 -
通用css+ascx-热门稿件排行
.ph_right{ width:100%; text-align:center;}.ph_right h1{ font-size:18px; color:#F30; background:#EEE; border-bottom:1px solid #CCC; height:35px; line-height:35px; font-weight:normal;}.ph_right ul{ ma原创 2014-05-22 14:59:11 · 390 阅读 · 0 评论 -
在网页制作中,图片间有间隙的解决方案
第一种方法：在图片的父级加入：font-size:0px; 例如： (注：以上跟下面用到的one.jpg,two.jpg,three.jpg是随机定义的图片名，这个根据需要命名图片名称)。 第二种方法：对图片写一个css样式：img{border:none;display:block;} 例如： img{ border:none; display:block;转载 2014-08-06 10:48:56 · 2009 阅读 · 0 评论 -
如何用div+css布局页面
divcssheaderwebtable如今web2.0炒的很厉害,先不去管它web2.0究竟是什么东西,反正div+css好像是火的不行了.各大知名站点都赶时髦似的把原来的表格布局翻新成了div+css,并美其名曰"本站符合web2.0标准",以便让别人觉得他们的网站用的是最先进的技术.div布局真有那么先进么?这个问题仍在争论之中.在这里咱们不参与这种无聊的争论,学会它自己感觉转载 2015-03-21 14:40:34 · 385 阅读 · 0 评论 -
三张图片并列嘘嘘宝管理app
育儿知识 育儿问答 嘘嘘宝管理转载 2015-03-24 18:23:13 · 480 阅读 · 0 评论 -
CSS制作用户登录和用户注册的用户体验表单
Form demo jb51.net body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:#fff; text-align:center; } * { margin:0; padding:0; } a {转载 2015-03-31 20:04:38 · 832 阅读 · 0 评论 -
DIV+CSS布局教程
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv转载 2015-05-04 17:12:15 · 446 阅读 · 0 评论 -
页面居中，用于注册和登录窗口
无标题文档 #main{width:300px;height:200px; background-color:red; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-100px; } aaaaaaaaaaaa原创 2015-05-16 10:24:25 · 7289 阅读 · 3 评论 -
缩略图+标题+简介
明星小记者 "> " width="80" height="80" onerror="this.src='/img/pinglu原创 2014-05-10 22:10:46 · 770 阅读 · 0 评论 -
p标签行高和底部背景直线设置
.left1 .right01 p{ font-size:14px; color:#666; line-height:23px;text-indent: 2em; margin:0px 10px; padding-bottom:10px; background:url(img/line1.jpg) repeat-x bottom;}原创 2014-05-15 17:08:46 · 1879 阅读 · 0 评论 -
div+css三栏样式
.three{ width:980px; margin:0 auto; overflow:hidden; height:100px; margin-top:5px;}.three .three_left{width:282px; border:1px solid #E6E6E6; float:left;height:100px; margin-top:5px;}.three .three_ce原创 2014-05-08 16:49:24 · 397 阅读 · 0 评论 -
div+css经典简单布局
我们根据上面的图片，整理出各个div的id以及他们的关系： 顶部：header； 中部三列的容器：divall； 左侧：sider_a； 主内容区：main； 右侧：sider_b； 底部：footer他们的嵌套关系如下图： 我们整理出Html代码： 免费网页模版下载http://www.it55.comhe转载 2014-05-09 08:01:36 · 562 阅读 · 0 评论 -
织梦分页调用横排Li一行显示,解决分页列表显示
织梦分页调用横排Li一行显示,解决分页列表显示 最近装了个织梦dedecms V5.7版本时,调用分页显示出现的结果出现好几行,怎么也不能在一排显示,找了很多资料,才了解到是由织梦模板中分页加了列表标签,解决有两种方法,下面将一一说明:调用分页部分代码如下: {dede:pagelist listitem="info,index,end,转载 2014-05-08 13:11:34 · 2743 阅读 · 0 评论 -
清除浮动
overflow:hidden;原创 2014-05-08 17:09:05 · 347 阅读 · 0 评论 -
图文混排：缩略图+标题+内容简介+[详情]
.picandcon{ margin:5px 5px 0px 5px;; overflow:hidden; height: 90px;}.picandcon .pic{ float:left; margin-right:10px;}.cont h2{ padding-top:5px;}.cont h2 a{font-size:12px; color:#C00;}.picandcon p{原创 2014-05-08 11:34:30 · 949 阅读 · 0 评论 -
明星小记者头像+名字+简介
.left1 .left01{ border:1px solid #CCC; float:left; width:280px; margin-right:10px; overflow:hidden;} .left1 .right01{ border:1px solid #CCC; float:left; width:380px; height:100px;} .left1 .left0原创 2014-05-15 11:47:46 · 1003 阅读 · 0 评论 -
首页标题数字排序列表前三变色
.left01 .pinglun ul{ margin-top:10px;} .left01 .pinglun li{ height:25px; line-height:25px; margin-left:20px; width:200px; float:left;}.left01 .pinglun li a{ font-size:14px; margin-left:10px;}原创 2014-05-15 15:08:58 · 544 阅读 · 0 评论 -
两个a标签一个靠左一个靠右
.pinglun ul li{ height:25px; line-height:25px; margin-left:10px;width:260px;position:relative;}.NewArticleUser{color: #E75530;font-size: 12px;display: block; height: 16px;float: right;margin-top: 0;p原创 2014-05-16 11:23:50 · 30877 阅读 · 1 评论 -
DIV+CSS经验总结
DIV+CSS经验总结1、网页居中显示： 需要设置两个地方，一个是body，一个是外边框div。 CSS：body{margin:0;padding:0;text-align:center;}#main{ /*最外层DIV*/width:760px;margin:0 auto;padding:0} 2、文字垂直居中显转载 2014-05-09 20:58:01 · 423 阅读 · 0 评论 -
div+css 布局经验 – 最简单的 = 最不变形的
站酷几年了 一直饱受其恩泽 尤为感激 一直想奉献些什么 但是苦于水平 苦于奔波 今天静下心来 为大家奉献下 自己的div+css 经验 ，以下观点只代表 深海个人立场 希望为初学者提供一条”捷径”. 希望广大网友提出宝贵意见 同时不希望将初学的您 带入走火入魔的状态!1 ：css （cascading style sheet）：初学者可以下载一本css 2.0 手册 大概48小时的时间可以转载 2014-05-09 21:17:39 · 527 阅读 · 0 评论 -
amiao布局样式----列表方框
.left .L{ width:280px; height:100px; float:left; margin-left:10px; margin-top:10px;border:1px solid #eaeaea; border-top:0px #FFFFFF;}.left .L h1{ margin:0; font-size:14px; font-family:"微软雅黑", "宋体";原创 2014-05-09 22:12:45 · 399 阅读 · 0 评论 -
默认为单列显示，把它变为两列显示
目的很简单：有一个 ul>li 列表，默认为单列显示，把它变为两列显示。方法1，使用DIV+CSS代码：.mycode{ width:300px; height:74px; float:left;}.mycode ul{ width:280px;}.mycode li{ width:100px; float:left; display:block;}ABCA转载 2017-04-10 20:11:50 · 1008 阅读 · 0 评论