纯CSS3透明水晶盒（6）
作者：a287019674 来源：蓝色理想 发布时间：2011-08-24 20:20:06
标签：css3,透明,盒子
五、内容
我原本只是想做个盒子，既然做出来了，当然要跟实际项目联系一下，如果允许的话我也想运用到真正的项目上去，将盒子作为载体模块，在上面发布文章，甚至我想把他弄成可以旋转的做图片墙，一切皆有可能的，如果连想都不敢想，那就根本不可能会去做。
挂上文字后效果如下：
html代码如下：
<div class="inBox box_right">
<div class="conBox">
<h3 class="title">中秋节要来啦</h3>
<p>中秋节要来啦，龙祝大家中秋有月饼吃...哈根达斯冰皮的...</p>
</div>
</div>
之所以要在inBox里面套一个conBox，conBox用来设定内边距padding，这样做是因为inBox设定了width，如果width跟padding混在一起叠加，会使容器的宽度变形，所以一般分开为妙；至于h3写个title，是因为我在写gotrip的时候，h1，h2，h3标题没有统一分级，使用混乱，而css是这样写的，比如：.inBox h1{ };
当时写了一批之后有同事提出需要将h1改成h3，如果我一开始就这样写.inBox .title{ }，那他说修改的时候我也就只需要修改html标签，我不用动css的，吃一堑长一智，这里写下来跟大家分享。当然有时候也不必太过强求，毕竟 起类名是一件很伤脑细胞的事 哈。
0
投稿猜你喜欢
- 首先这里声明一下，关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester下面的代码
前言二维码现在是随处度可以看到，买东西，支付，添加好友只要你扫一扫就能完成整个工作，简单且方便。所以利用这个新春佳节做一个带着新春祝福的二维- 以SQL Server中的Northwind示范数据库为例，利用DTS设计器，进行数据的转移。转移任务的步骤：◆1. 新建目的数据库NOrt
- 如果用delayed-insert插入时不用锁表。./bin/mysqldump -uroot -proot &nbs
- 类似如下： select A.key,B.key,C.key from A,B,C where trim(A.key)=trim(B.fk)
- 一般要用到递归，就要判断对象是否和父类型是否一样这里演示简单的对象递归，还有数组递归类似。var obj = { a:{w:1,y:2,x:
- 最近在开发过程中经常用到分页，今天挤出些时间来捋一捋自己的经验在web开发中，一般显示数据列表页时，我们会用到分页控件来显示数据。采用分页一
- 50个常用sql语句 Student(S#,Sname,Sage,Ssex) 学生表 Course(C#,Cname,T#) 课程表 SC(
- 解决SQL Server 连接失败的问题最近因学习数据库系统原理，下载安装了一个2019版本的，启动服务后，发现使用Aqua Data St
- 本文实例讲述了python使用 __init__初始化操作。分享给大家供大家参考，具体如下：# -*- coding:utf-8 -*-#
- 话不多说，请看代码：SQLServer Procedure Pagination_basic：ALTER PROCEDURE [qianch
- sql中经常用like进行模糊查询，而模糊查询就要用到百分号“％”，下划线“_”这些通配符，其中“％”匹配任意多个字符，“_”匹配单个字符。
- 本文实例代码主要实现的是python遍历文件目录的操作，有三种方法，具体代码如下。#coding:utf-8 # 方法1：递归遍历目录 im
- Serializer序列化器定义Serializer1. 定义方法Django REST framework中的Serializer使用类来
- 本文实例讲述了python分析网页上所有超链接的方法。分享给大家供大家参考。具体实现方法如下：import urllib, htmllib,
- 在 Go 语言中，数组和切片看起来很像，但其实它们又有很多的不同之处，这篇文章就来说说它们到底有哪些不同。另外，这个问题在面试中也经常会被问
- 如图所示，要处理的数据是一个json数组，而且非常大下图为电脑配置，使用 json.load() 方法加载上述json文件电脑直接卡死解决思
- 1.vue中echarts的使用 引入echarts后let myChart = echarts.init(document.getElem
- 使用ewebeditor作为后台编辑器时，尤其是一个页面中使用多次该编辑器时，在提交数据时，可能会遇到数据被重复提交的情况。搜索找来一些解决
- 程序执行时需要读取两个文件command.txt和ipandpass.txt。格式如下：command.txt:ThreadNum:1por
