Html学习之十一(CSS选择器的应用一)
2024-09-03 12:33:55
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网业设计软件列表</title>
<style>
body{font-family: "微软雅黑";
text-align: center;
font-size: 16px;
line-height: 32px;
}
hr{width: 750px;size:3px;}
a{text-decoration: none;
color: black;
padding-right: 15px;
font-size: 22px;
}
a:hover{color: red;
text-decoration: underline;
}
ul{list-style-type: none;}
li:before{
content:url(img/11.png)
}
li:nth-child(even){color: greenyellow;}
li:nth-child(1) strong{color: red;}
li:nth-child(2) strong{color: chocolate;}
</style>
</head>
<body>
<header>
<h1>网页设计软件列表(单机查看)</h1>
</header>
<nav>
<hr>
<a href="#">Photoshop软件</a>
<a href="#">Illustrator软件</a>
<a href="#">Dreamweaver软件</a>
<a href="#">Fireworks软件</a>
<hr>
</nav>
<div>
<img src="img/1.jpg" alt="">
<ul>
<li>Photoshop一款好到违反广告法的超<strong>S级设计神器</strong>!给画面来点动感吧。</li>
<li>Photoshop处理以<strong>像素构成的图像</strong>,可以有效地进行图片编辑调整工作。</li>
<li>Photoshop有很多功能,在图像、图形、文字、出版等各方面都有涉及。</li>
<li>在制作建筑效果图包括许三维场景时,常常需要在Photoshop进行调整。</li>
</ul>
</div>
</body>
</html>
结果:
最新文章
- MySQL获取汉字的首字母
- devexpress bandgridview使用总结(14.2)
- 使用Xunit来进行单元测试
- 我的Linux对拍脚本
- 3D touch 静态、动态设置及进入APP的跳转方式
- Asp .Net MVC4笔记之目录结构
- 201521123112《Java程序设计》第5周学习总结
- 对C#热更新方案ILRuntime的探究
- SpringBoot系列——花里胡哨的banner.txt
- [Oracle]获得PDB相关的xml 文件
- python 多进程、多线程
- NDK开发中的一个HTTP下载实例附带下载进度
- PHP中时间戳和时区
- Error:Could not find com.github.dcendents:android-maven-plugin:1.5.
- Opencv中Rect类
- 关于MatlabGUI清除WorkSpace的用法
- 十九、异步任务编排CompletableFuture
- mysql实战优化之一:sql优化
- Django项目部署(django+guncorn+virtualenv+nginx)
- Linux入门学习笔记2:终端命令