DIV属性

标准属性

创新互联是一家专注于网站制作、成都做网站与策划设计,镇巴网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:镇巴等地区。镇巴做网站价格咨询:028-86922220

id, class, title, style, dir, lang, xml:lang 如需完整的描述，请访问标准属性。

color : #999999 文字颜色

font-family :宋体文字字型

font-size: 10pt 文字大小

font-style:italic 文字斜体

font-variant:small-caps 小字体

letter-spacing: 1pt 文字间距

line-height: 200% 设定行高

font-weight:bold 文字粗体

vertical-align:sub 下标字

vertical-align:super 上标字

text-decoration:line-through 加删除线

text-decoration:overline 加顶线

text-decoration:underline 加底线

text-decoration:none 除连接底线

text-transform: capitalize 首字大写

text-transform : uppercase 英文大写

text-transform : lowercase 英文小写

text-align:right 文字*右对齐

text-align:left 文字*左对齐

text-align:center 文字置中对齐

这些是一些简单的文字效果，可以应用到css的页面中。

背景

background-color:black 背景颜色

background-image : url(image/bg.gif) 背景图片

background-attachment : fixed 固定背景

background-repeat : repeat 重复排列-网页预设

background-repeat : no-repeat 不重复排列

background-repeat : repeat-x 在x轴重复排列

background-repeat : repeat-y 在y轴重复排列

background-position : 90% 90% 背景图片x与y轴的位置

链接

A 所有超连接

A:link 超连接文字格式

A:visited 浏览过的连接文字格式

A:active 按下连接的格式

A:hover 鼠标移至连接

边框

border-top : 1px solid black 上框

border-bottom : 1px solid #6699cc 下框

border-left : 1px solid #6699cc 左框

border-right : 1px solid #6699cc 右框

border: 1px solid #6699cc 四边框

虚线

</p><p>实线</p><p><textarea style="border:1px solid pink"></p><p><strong>事件属性</strong></p><p>onclick(单击), ondblclick(双击)</p><p>onmousedown(鼠标按下), onmouseup(鼠标抬起), onmousemove(鼠标移动)</p><p>onmouseover(鼠标在div内部), onmouseout(鼠标移出div),</p><p>onkeypress(键盘按下), onkeydown(键盘按键), onkeyup(按键抬起)</p><p>如需完整的描述，请访问事件属性。</p><p><strong>可选的属性</strong></p><p>属性：align</p><p>值：left right center justify</p><p>描述：不赞成使用。请使用样式取而代之。规定 div 元素中的内容的对齐方式。</p><p>DTD：TF</p> <br> 标题名称：DIV属性 <br> 标题来源：<a href="http://bjjierui.cn/article/seoojh.html">http://bjjierui.cn/article/seoojh.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/deidgch.html">linux命令中的快捷键 linux 快捷命令</a> </li><li> <a href="/article/deidgog.html">使用函数求奇数和c语言 编写函数求奇数和</a> </li><li> <a href="/article/deidgii.html">linux中如何安装命令 linux 命令行安装</a> </li><li> <a href="/article/deidgsd.html">共享sap系统怎么用的简单介绍</a> </li><li> <a href="/article/deidgij.html">c语言函数输入参数太多 c语言输入参数和输出参数</a> </li> </ul> </div> </div> <ul class="kf"> <li class="kf1"><span class="tela">建站热线：<a href="tel:13518219792" target="_blank">13518219792</a></span></li> <li class="kf11"><span class="weixin"><img src="/Public/Home/images/weixin.jpg" alt="网站建设微信咨询"><br> 微信扫一扫在线咨询</span> </li> <li class="kf5">QQ客服： <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="建站业务咨询" title="建站业务咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="网站设计咨询" title="网站设计咨询"></a></li> <li class="kf2"><a href="http://www.bjjierui.cn/cases/" target="_blank">案 例</a></li> <li class="kf4"><a href="http://www.bjjierui.cn/" target="_blank">价 格</a></li> <li class="kf6" title="返回顶部"></li> </ul> <div class="footer"> <div class="footer_2"> <p>Copyright © 2012-2020 <strong>网创优客信息咨询</strong> 版权所有 蜀ICP备2023009085号-7<br /> 手机:13518219792 QQ:631063699 地址：成都市青羊区锣锅巷31号 邮编:610000 Email:wh@cdxwcx.com<br/> 成都网络公司-网创优客建站品牌专注<a href="http://www.bjjierui.cn/">成都网站建设</a>、<a href="http://www.bjjierui.cn/">成都网站设计</a>服务，为成都公司建设高品质的网站</p> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $(".kf6").click(function() { $('body,html').animate({ scrollTop : 0 }, 500); return false; }); }) var bodyhe=$("body").height(); var winhe=330; var bodyf=bodyhe-winhe; var bodyft=bodyhe-365; window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; if(t>200){ $(".kf .kf6").stop().animate({opacity:'1'},200); }else{$(".kf .kf6").stop().animate({opacity:'0'},200);} if(t>1 && t<winhe){ $(".header").addClass('no'); $(".header").removeClass('notwo'); }else if(t>winhe){ $(".header").removeClass('no'); $(".header").addClass('notwo'); }else{ $(".header").removeClass('no'); } } </script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>