Design the Web: Styling a Table 设计网页:设计表格 Lynda课程中文字幕
2019-08-15 11:06
471 查看
原文链接:http://www.zwsub.com/course/Design-the-Web-Styling-a-Table.html
Design the Web: Styling a Table 中文字幕
设计网页:设计表格 中文字幕Design the Web: Styling a Table
表格可能是旧式的,但它们仍然是网页设计的主要部分
学习如何使它们看起来与一点CSS精灵顶尖
设计Web创作者Chris Converse解释哪些表格属性可以用CSS修改,以及如何快速改变他们的视觉风格
他还演示了如何添加背景图像,更改文本颜色并突出显示行
另外,了解如何将动画悬停状态添加到行元素,这可以让用户快速查看表格中的相关信息
练习文件对所有成员都是免费的
下载它们并立即开始设计网络
嗨, 这是Chris Converse, 在设计网页的这一集中, 我们将使用CSS来设计HTML表格。
现在, 我们将首先通过添加背景图像并为文本设置一些颜色来设计主表格元素。
然后我们将移动到使用规则划分行, 甚至使用CSS中的第n个子伪类设置一些重复突出显示模式。
然后一旦我们设计了我们的设计, 我们将通过在行元素中添加动画悬停状态来结束课程, 使我们的用户能够更快速地查看表中的相关信息。
最后, 本课程的练习文件可供所有成员使用。
所以下载你的文件, 让我们开始用CSS设置表格。
本课程视频下载地址:设计网页:设计表格
相关文章推荐
- Designing Websites for Performance 如何设计高性能网站 Lynda课程中文字幕
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)--转载自http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 响应式网页设计(Responsive Web Design)
- Android App Development Quick Start Android应用开发快速入门 Lynda课程中文字幕
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)(转)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- 自适应网页设计(Responsive Web Design)
- Think & Design in CSS, 再谈web 2.0时代的网页设计
- 为哈希表设计键Hash Table Design the Key
- 自适应网页设计(Responsive Web Design)