css 定义 div边框代码

代码如下

复制代码

<title>css 定义 div边框代码</title>
<style type="text/css">
.111cn_net {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 300px; LINE-HEIGHT: 104px; BORDER-BOTTOM: #cccccc 1px solid; POSITION: relative; HEIGHT: 104px; TEXT-ALIGN: center
}
</style>
</head>

<body>
<div class="111cn_net">这里是内容css 定义 div边框代码</div>
</body>
</html>

时间： 2024-09-18 15:06:08

css 定义 div边框代码的相关文章

css美化Div边框的样式实例

今天工作干完了,想到前几天一个CSS新手让我帮他美化一下他的Div边框,索引想到不如写一个CSs小教程 ,帮助更多的CSs新手学会以如何用CSS来美化网页上的边框,不只是Div,其实其它元素的美化方法和Div是一样的,下面以美化Div边框为例做介绍. 先来写一个美化边框的CSS代码: border:1px solid #96c2f1;background:#eff7ff 将这段CSS代码应用在Div上,产生边框效果,代码如下: <div style="padding:8px;b

CSS定义DIV圆角边框

<!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" lang="zh-CN"> <head> <meta

css定义div里面class样式

好了下面我们就来看一个例子吧. .top_menu{ background-color:#3399cc; text-align:left; height:18px; margin-top:1px; margin-bottom:6px; padding-top:6px; padding-bottom:4px; padding-left:2px;} .top_menu a,.top_menu a:visited{padding-left:2px; color:#000000;} 现在我们看到的是类t

CSS定义Radio单选项和Checkbox复选框样式有效代码

我们都知道一般情况利用css来定义Radio单选项和Checkbox复选框样式是无效的,下面我来给大家介绍利用CSS定义Radio单选项和Checkbox复选框样式,有需要了解的朋友可参考. 完全使用css来实例代码如下: <style type="text/css"> form#form1 {font:12px tahoma,sans-serif} input[type="checkbox"] {visibility:hidden;width:0;

不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流

纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: 复制代码代码如下: .r1{width:80px;height:80px;background:red;float:right; position:fixed !important; top/**/:200px; position:absolute; z-index:300; top:expression(offsetParent.

CSS定义网页布局漂亮的Button按钮代码

css定义网页布局漂亮的button按钮代码 <!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"> <head> <meta ht

css 实现div半透明度实现代码

place holder height:1000px; 背景半透明覆盖整个可视区域这个效果效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性. 下面我们通过一个简单的例子看看如何实现,高手请绕道. html代码很简单 < d i v class="mask opacity">< / d i v > 1 .半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜.代码: .opac

使用CSS处理表格边框样式化

css 在以前的web开发栏目中,我介绍了不少处理HTML表格的方法,尽管现在使用表格来布局网页的方法已经不再时髦了,但是您依然可以使用表格来显示表列数据. 显示和样式化表格的方法有很多种,在这篇文章中,我将介绍使用CSS对表格边框进行样式化的方法. 链接 CSS2表格模型是基于HTML 4.01表格模型的.表格包含了一个可选的锚标记和单元格以及数据行,表格模型包含以下的元素:表格.锚.数据行.数据行组.数据列.数据列组和单元格.这篇文章将集中讲解表格中各个元素的边框处理方法. 边框根据不同的

网页制作总结：用CSS使DIV层水平居中

css|网页一,用CSS使DIV层水平居中对需要水平居中的DIV层添加以下属性: margin-left: auto;margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh