A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 李朋朋 中级黑马   /  2012-7-20 00:56  /  3610 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

在vs2010中,创建完表格,如何用vs2010工具生成css来控制表格内部单元格的边框粗细和颜色?

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

4 个回复

正序浏览
在项目里添加Css样式文件,讲样式内容写在这个文件里,然后将其托到你的aspx文件的<head>标签内,如果运用了母板,可以在母板里托,也可以在内容窗体里托。这都不影响。
这里涉及到标签选择器,如果给标签设置了id 属性 可以直接在css文件里 这样定义 #id名称{  }, 也可以.class1{ } ,在标签内写上class="class1"就行。
  你上面就设置你的border属性就可以了。
  下面给你附带一段样式文件:
#table_div_Index_01_03 td
{
    text-align: left;
    color: #696969;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}

/* 产品展示Index页面样式*/
.lab_index
{
    color: black;
    font-size: .90em;
    font-weight: bold;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}

.font
{
    text-decoration: none;
    color: black;
    font-size: .90em;
    font-weight: bold;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}
   

评分

参与人数 1技术分 +1 收起 理由
郑文 + 1

查看全部评分

回复 使用道具 举报
<style type="text/css">
  ...
  td {border: 3px solid gray;}
  ...
</style>

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
本帖最后由 许庭洲 于 2012-7-24 16:13 编辑

1,,style="border-style:solid; border-width: thin thin thick thick;border-color:ddffdd #ddffdd #ddddff #ddddff" 。//粗线
2, style="border-style:thin; border-width: thin thin thick thick;border-color:ddffdd #ddffdd #ddddff #ddddff" 。//细线

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
table {
  border-style: solid;实体
border-width:15px   ;下边框
  border-color: blue red black yellow;  边框的颜色依次是 上 右手 下面 左侧
  }

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马