作者：互联网
2009-06-20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.**w*3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.***w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>border-style的outset属性</title> <style type="text/css"> .bevelmenu{ font: bold 13px arial; padding: 6px 0; margin: 0; width: 100%; background-color: #FFF2BF; text-align: left; /*将值设置为"right"菜单会向右靠拢*/ } .bevelmenu li{ list-style: none; display: inline; } .bevelmenu li a{ padding: 3px 0.5em; text-decoration: none; color: black; background-color: #FFF2BF; border: 2px solid #FFF2BF; } .bevelmenu li a:hover{ color: black; background-color: #FFE271; border-style: outset; } html>body .bevelmenu li a:active{ /* 鼠标按下的效果只有非IE浏览器才支持 */ border-style: inset; } </style> </head> <BODY> <ul class="bevelmenu"><li><a href="http://www.si**n*a.com">新浪</a> </li><li><a href="http://www.***163.com">网易</a> </li><li><a href="http://www.*bai**du.com">Baidu</a> </li><li><a href="http://www.*ya**hoo.com">yahoo</a> </li><li><a href="http://www.***google.com">Google</a> </li></ul> </BODY> </html>
相关标签:
相关推荐
2026-04-14
专题
+ 收藏
最新数据
相关文章
使用Apparat框架优化Flash
一场关于YUI3/jQuery的精彩辩论
从if else到switch case再到抽象
BigPipe:高性能的"流水线技术"网页
跨域资源共享的10种方式
WEB移动应用框架构想
GC与JS内存泄露
三谈Iframe自适应高度
HTML5 WebSockets基础使用教程
精简高效的CSS命名准则和方法
AI精选
哭泣的爱人肖像（JSON 格式
融合 Salvador Dal
Ghormeh Sabzi 的中世纪祭坛画展示
豪华浴室镜面自拍提示词
超写实清晨卧室场景
Anya Taylor-Joy 高级时装编辑肖像
高定卡哇伊时尚杂志人像
超写实香水产品摄影
夜间泳池中的霓虹红连体衣造型
阳台上酷似 Sadie Sink 的照片级写实肖像
脚本推荐
SeeDance 2.0 Video Creator专区
OpenClaw AI专区
cowork专区
claude code skills专区
