本文讲解了HTML中嵌入css和JavaScript的基本方法，包括使用<style>和<script>标签，以及如何利用css3实现图片阴影和圆角效果。同时，还探讨了展开/收起按钮的常见问题及解决思路。
打HTML代码的基础常识
1.在HTML中嵌入 css和JavaScript
1、在html源代码中想要实现css的样式 就必须用 <style> </style> 标签
一般放在 <head></head> 之间
如图1
/2、在html源代码中想要实现JavaScript的样式 就必须用 <script> </script>标签，一般放在 <head></head> 或者<body></body>里
如图2
2.展开/收起 按钮的失误
点击一次展开按钮时无反应，收起和展开按钮点击事件相反，优先考虑是否是js代码打错
如图3
3.鼠标移上去之后图片有明显被选中的效果
图片的阴影是 css3中的box-shadow 向边框添加阴影部分
如图4
4.圆角效果
用 css3
指定圆角边框的圆角半径：border-radius
指定左上角的圆角半径：border-top-left-radius
指定右下角的圆角半径：border-bottom-right-radius
效果图
扫一扫
1084
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
