CSS学习笔记之绘制表格斜线(转载)
2010-02-22 23:11
465 查看
<html>
<div style="border-top:solid 40px blue;
border-left:solid 40px red;
height:160px;
width:400px;">
<div style="height:40px;background-color:#B1F;">这是第一行</div>
<div style="height:40px;background-color:#444;">这是第二行</div>
<div style="height:40px;background-color:#888;">这是第三行</div>
</div>
</html>
<div style="border-top:solid 40px blue;
border-left:solid 40px red;
height:160px;
width:400px;">
<div style="height:40px;background-color:#B1F;">这是第一行</div>
<div style="height:40px;background-color:#444;">这是第二行</div>
<div style="height:40px;background-color:#888;">这是第三行</div>
</div>
</html>
相关文章推荐
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
- 对表单和数据表格应用样式--Css学习笔记(六)
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体
- CSS学习笔记之CSS Hack(转载)
- CSS学习笔记(8)--纯CSS绘制三角形(各种角度)
- CSS学习笔记(3)--表格边框
- CSS学习笔记(4)定位/表格/滚动条
- HTML&CSS基础学习笔记1.18-表格的边框
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- CSS学习笔记----简单表格实现
- CSS学习笔记:利用border绘制三角形
- PHP学习笔记之用php绘制表格示例
- CSS学习笔记--表格布局
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- css学习笔记20160120链接列表表格
- CSS学习笔记:表格
- CSS学习笔记(十)对表单和数据表格使用样式
- css学习笔记——绘制属于你的缤纷世界
- 学习笔记3-Bootstrap CSS 【转载整理->原创】
- html css学习笔记-href 表格 字体 轮郭