border 变形计

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<style>
.Row11, .Row21, .Row22, .Row31, .Row32, .Row33, .Row41 {
    clear: both;
    margin: auto;
    width: 1000px;
}
/*可注释这段达到高楼的感觉*/.Row31 {
    background: #189ce2 none repeat scroll 0 0;
    height: 260px;
    margin-bottom: 10px;
    overflow: hidden;
}
   .Box0 {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 5px solid #189ce2;
    float: left;
    height: 250px;
    width: 250px;
}
.Center1 {
    border-color: #fff #189ce2 #ddd;
    border-style: solid;
    border-width: 40px;
    color: #fff;
    float: left;
    font-size: 16px;
    height: 160px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 380px;
}
</style>
<body>
  <div class="Row31" id="summary">
    <div class="Box0">
      <script>LYggw("上左")</script>
      <script type="text/javascript">
    var cpro_id="u2201120";
    (window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"250",rsi1:"250",pat:"17",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"1",adp:"1",ptt:"0",titFF:"",titFS:"14",rss2:"#000000",titSU:"0"}
</script>
      <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

    </div>
    <div class="Center1">
      在js中提供数据查找了函数有很多,但我查找了很久都没有能实现我要的方法,后来发现可以使用indexOf函数来实现查找与定位数组元素索引值的具体方法,各位朋友可参考。在现在代浏览器中判断一个元
      <script>LYggw("摘要")</script>
    </div>
    <div class="Box0">
      <script>LYggw("上右")</script>
      <script type="text/javascript">
    /*250*250内上右1*/
    var cpro_id = "u2595602";
</script>
      <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

    </div>
  </div>
</body>
</html>
时间: 2024-08-28 18:28:40

border 变形计的相关文章

HTML框架布局 - layout.border

经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要一个简单的布局而已,于是自己写了个jquery布局插件,支持嵌套布局以及小功能,方便团队使用,项目地址:https://github.com/samsha/layout.border 简介 简单的布局效果,实现上下左右,中间充满的布局 依赖 需要

border:none;与border:0;的区别

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点: 一是理论上的性能差异二是浏览器兼容性的差异.1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解, 浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值. [border:none;]把border设为"none"即没有,浏览器解

outline与border的区别

在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕.这个轮廓虚线框就是 outline . outline 能告诉用户那一个可以激发事件的html元素获取了焦点,对钟爱键盘操作的用户尤其有意义.一个清晰悦目的outline设计能提高使用表单的用户体验. 另一方面,outline 也有些讨厌的地方,比如使用CSS设计的Tab(标签页)时,选择一个Tab之后,Tab上的轮廓虚线会一直显示,有些影响美观. CSS 的 outline 属性允许

CSS框模型以及maigin、border、padding属性

一.框模型(Box Model) 在CSS中所有元素都是框,都有高度(height).宽度(width).内边距(padding).边框(border).外边距(margin)等属性.框模型规定了元素框处理元素内容.内边距.边框和外边距的方式. 元素框的最内部分是实际内容,向外依次是内边距.边框和外边距.外边距默认是透明的,因此不会遮挡其后的任何元素.内边距.边框和外边距都是可选的,默认值是0. 注意:背景应用于内容和内边距.边框组成的区域. 在CSS中,width和height指的是内容区域的

获取元素的属性-border问题

var oborder=parseInt(getStyle(oLi[0],'border'))*2;alert(oborder0); 可以弹出border的值! oHeight=parseInt(getStyle(oLi[0],'height'))+oborder; oUl[i].style.height = oHeight*oLiLength+ 'px'; 这种情况无法将border的值和高度一起计算后赋值给其他属性.

table 如何给tr border颜色

border-collapse属性值 说明 separate 默认值,边框分开,不合并 collapse 边框合并,如果相邻,则共用一个边框 table,th,td{border:1px solid gray} table{border-collapse:collapse;} 只有collapse才能设置border颜色 如下css为 .linktable{border-collapse: collapse;}.linktable tr{border-bottom: 1px solid #eee

利用border和border-radius绘制一些小图片

大都知道border属性有四个参数,那么border-radius必然也是有四个参数 我们知道border属性的四个参数分别是border-top,border-right,border-bottom,border-left.(按顺时针方向) 那么border-radius四个参数是什么了? border-radius:上左,上右,下右,下左: 下面我们利用border-radius绘制一些大家平时常见的图片. 1.简单的圆形 <!DOCTYPE html> <html> <

WPF 通过Border来画边框

WPF有自己的表格控件DataGrid.ListBox等,如果只是简单的需求,可以通过Border控件来画边框. 比如我们需要给上面的控件加上边框. <Window x:Class="WpfApplication5.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/win

css之border怎么写?

一个border 有三个属性:了解 1).边框颜色:border-color:#000 2).边框厚度(宽度):border-width:1px 使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值.否则设置边框border样式无效. 3).border边框样式:border-style:solid 简写:border:1px solid #000;  以后这么写 三个边有边一边没有边的设置技巧: 如左右下有边框并且样式为黑色1PX宽度实线边框,而上边