原创投稿
广告
广告
广告 广告 广告 广告
广告
广告 国内BGP机房32G内存299元 网站收录排名问题解决 【超牛】搜外友链平台 站长在线扒站工具【免费】 【免费】站长开发工具箱 【推荐】站长自动外链工具 广告位联系QQ：253000106 独立服务器100M/不限/免备 2核2G服务器新用户低至68元/年 虚拟资源平台,轻松变现 10000来路IP只需8元 站群系统程序-专注SEO站群 黑帽SEO论坛_黑帽聚集地 企业HTTP代理IP服务提供商 软文推广，在线获客【定制】 站群服务器99元起 SEO免费工具分享 外推代发包收录 【国内国际】短信推广，免费测试 实力产品收量 外链代发 5分一条 快速排名 █一解决“收录、排名”问题一█ ●●●优质搜狗泛收录域名●●● AI数字人直播系统源码 百度SEO排名7-15天上首页
  1. 创想鸟首页
  2. 站长之家
  3. 编程技术

问题：关于一个坛友的html布局实现_html/css_WEB-ITnose

PHP中文网 • • 编程技术 • 阅读 1

来源：http://www.ido321.com/888.html

坛友的需求如图

这个跟上次贴友分类菜单的实现类似

html：

立即学习“前端免费学习笔记（深入）”；

   1:

登录后复制 

   2:     
     
   3:         
     
   4:             @@##@@


登录后复制     


   5:             
图片标题


登录后复制     


   6:             编辑  删除


登录后复制     


   7:         


登录后复制     


   8:         
     
   9:             @@##@@


登录后复制     


  10:             
图片标题


登录后复制     


  11:             编辑  删除


登录后复制     


  12:         


登录后复制     


  13:         
     
  14:             @@##@@


登录后复制     


  15:             
图片标题


登录后复制     


  16:             编辑  删除


登录后复制     


  17:         


登录后复制     


  18:     


登录后复制     


  19: 


登录后复制          


    css:   


   1: *
登录后复制     


   2: {


登录后复制     


   3:     margin: 0 auto;


登录后复制     


   4: }


登录后复制     


   5: .test


登录后复制     


   6: {


登录后复制     


   7:     width: 400px;


登录后复制     


   8:     height: 500px;


登录后复制     


   9:     border: 1px solid black;


登录后复制     


  10: }


登录后复制     


  11: .test div


登录后复制     


  12: {


登录后复制     


  13:     border-bottom: 2px solid #ccc;


登录后复制     


  14:     height: 150px;


登录后复制     


  15:     width: 350px;


登录后复制     


  16:     margin-top: 10px;


登录后复制     


  17:     margin-bottom: 5px;


登录后复制     


  18:     position: relative;


登录后复制     


  19: }


登录后复制     


  20: h3


登录后复制     


  21: {


登录后复制     


  22:     position: absolute;


登录后复制     


  23:     left: 155px;


登录后复制     


  24:     top: 55px;


登录后复制     


  25: }


登录后复制     


  26: span


登录后复制     


  27: {


登录后复制     


  28:     position: absolute;


登录后复制     


  29:     top: 58px;


登录后复制     


  30:     left: 250px;


登录后复制     


  31:     font-weight: bold;


登录后复制     


  32: }


登录后复制     


  33: a{


登录后复制     


  34:     color: #000;


登录后复制     


  35:     text-decoration: none;


登录后复制     


  36: }


登录后复制     


  37: a:hover


登录后复制     


  38: {


登录后复制     


  39:     color: #000;


登录后复制     


  40:     text-decoration: none;


登录后复制     


  41: }


登录后复制          


效果：




   testtesttest





 
 



                                                        
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。


发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3092670.html
                        


                        

                        

                            
 赞 (0)

                                                    


                        

                            

                                                                

                                    

                                                                                     0                                         0                                                                            

                                    
                                    

                                        
                                    

                                

                            

                        

                    

                    

    
关于作者
    

        

            PHP中文网的头像
        

        

            

                

                    PHP中文网签约作者
                

                

                                    

            

                            
            

                516.5K
                文章
            

                    

                0
                评论
            

                    

                1
                粉丝
            

        

                        
php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
        

    


                        

                    

                
                

                     上一篇
                    2025年3月28日 14:07:58
                

            

                            

                
                

                    下一篇 
                    2025年3月28日 14:08:04
                

            

            

                    




AD推荐 黄金广告位招租... 更多推荐









                                            

                            
相关推荐
                        

                    


    	

		
发表回复 
登录后才能评论

请登录

您还未登录，请登录后再进行相关操作！

登录 注册