css里如何修改div内的a:link样式

 时间:2024-10-27 07:29:28

在css中,通过div和a:link组合来设置css样式,便可以实现修改a:lin氯短赤亻k的样式。下面小编举例讲解css里如何修改div内的a:link样式。

css里如何修改div内的a:link样式

工具/原料

html+css

代码编辑器:zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解css里如何修改div内的a:link样式。

css里如何修改div内的a:link样式

2、在test.html文件内,在div标签内,使用a标签创建一个链接,用于测试。

css里如何修改div内的a:link样式

3、在test.html文件内,给div添加一个id属性mytest,用于下面设置样式。

css里如何修改div内的a:link样式

4、在test.html文件内,编写<styletype="text漆虱忧甘/css"></style>标签,页面的css样式将写在该标签内。

css里如何修改div内的a:link样式

5、在css标签内,通过id(mytest)和a:link选择a标签进行样式的设置,例如,这里通过color属性设置颜色为红色。

css里如何修改div内的a:link样式

6、在浏览器打开test.html文件,查看实现的效果。

css里如何修改div内的a:link样式

dreamweaver创建可以关闭和拖动的通知窗口 如何使用dreamweaver制作站内搜索,动态php网站 Dreamweaver CS4实现文字链接的动态效果 dreamweaver中插入word文档如何保留文档原格式 《Dreamweaver 8网页设计》:[34]表格属性设定
热门搜索
悍马标志图片 经典韩国电影 周末快乐动态图片 动漫图片男生冷酷 菊花品种介绍及图片