Set the print page style by modifying style

HTML We usually need to modify the style in printing , To meet the printing requirements , For example, hide some controls , Modify some styles, etc , We can modify style style , To achieve the desired effect ：

        <style>
            @media print {
                .print{display:block !important;}
                .box{border-top:0px !important}
                .box-header,.box-title,.box-footer,.main-footer{display:none !important}
            }
        </style>